YUI 3.13加载图像的数据表
我正在尝试创建一个在状态列中显示图像的数据表。我遵循了stackoverflow的一些示例,但它不起作用。有人知道如何将图像加载到列中吗?下面的代码可以工作,但fomatter函数似乎什么都没有做YUI 3.13加载图像的数据表,yui,yui-datatable,Yui,Yui Datatable,我正在尝试创建一个在状态列中显示图像的数据表。我遵循了stackoverflow的一些示例,但它不起作用。有人知道如何将图像加载到列中吗?下面的代码可以工作,但fomatter函数似乎什么都没有做 <script src ="http://yui.yahooapis.com/3.13.0/build/yui/yui-min.js"></script> <script> (function() { YUI().use("datatable-s
<script src ="http://yui.yahooapis.com/3.13.0/build/yui/yui-min.js"></script>
<script>
(function() {
YUI().use("datatable-sort", function(Y) {
var cols = [
{key: "Status", label: "Health Status",
formatter: function(el, oRecord, oColumn, oData) {
if (oData){
el.innerHTML = '<img src="info.png">';
}
},
sortable: true},
{key: "Company", label: "Issue", sortable: true},
{key: "Phone", label: "Contact"},
{key: "Contact", label: "Name", sortable: true}
],
data = [
{Status: "123", Company: "Company Bee", Phone: "415-555-1234", Contact: "Sally Spencer"},
{Status: "123", Company: "Acme Company", Phone: "650-555-4444", Contact: "John Jones"},
{Status: "123", Company: "Industrial Industries", Phone: "408-555-5678", Contact: "Robin Smith"}
],
table = new Y.DataTable({
columns: cols,
data: data,
summary: "Contacts list",
caption: ""
}).render("#sort");
});
})();
</script>
(功能(){
YUI().use(“数据表排序”,函数(Y){
var cols=[
{键:“状态”,标签:“健康状态”,
格式化程序:函数(el、oRecord、oColumn、oData){
如果(oData){
el.innerHTML='';
}
},
可排序:true},
{键:“公司”,标签:“问题”,可排序:true},
{键:“电话”,标签:“联系人”},
{键:“联系人”,标签:“姓名”,可排序:true}
],
数据=[
{状态:“123”,公司:“公司蜜蜂”,电话:“415-555-1234”,联系人:“Sally Spencer”},
{状态:“123”,公司:“Acme公司”,电话:“650-555-4444”,联系人:“John Jones”},
{状态:“123”,公司:“工业”,电话:“408-555-5678”,联系人:“罗宾·史密斯”}
],
table=新的Y.DataTable({
栏目:cols,
数据:数据,
摘要:“联系人列表”,
标题:“
}).render(“排序”);
});
})();
执行以下操作,而不是执行我所做的操作:
{key: "Status", label: "Health Status", formatter:"<img src='{value}' >", allowHTML: true},...
{key:“Status”,标签:“Health Status”,格式化程序:,allowHTML:true},。。。
成功了 该格式化程序是YUI2数据表格式化程序。YUI3格式化程序有不同的参数。