easyUI 绑定数据

    

$("#tabProducts").datagrid({
url: "/AsProduct/GetAllProducts",
isField: "RoleId",
pagination: true,//显示分页
pageSize: 20,//分页大小
pageList: [20, 30, 40, 50],//每页的个数
fitColumns: true,
height: $(window).height() - 100,
queryParams: queryParams,
title: "产品列表",
columns: [[ //每个列具体内容
{
field: 'id',
title: '产品ID',
width: 100,
hidden: true
},
{
field: 'productName', title: '产品名称', width: 100, align: "left", formatter: function (value, row, index) {
var ret = value;
if (value.length <= 18)
ret = value;
else
ret = value.substring(0, 18) + "...";
return "<span title=" + value + ">" + ret + "</span>";
}
},
{
field: 'JobName', title: '对应职位', width: 100, align: "left", formatter: function (value, row, index) {
var ret = value;
if (value.length <= 18)
ret = value;
else
ret = value.substring(0, 18) + "...";
return "<span title=" + value + ">" + ret + "</span>";
}
},
{ field: 'productDetail', title: '产品描述', width: 100, align: "center" },
{ field: 'productLogo', title: '产品logo(url地址)', width: 100, align: "center" },
{ field: 'price', title: '单价(元)', width: 100, align: "center" },

{ field: 'num', title: '库存 (件)', width: 100, align: "center" },
{ field: 'createtime', title: '上架时间', width: 100, align: "center" },
{ field: 'packType', title: '包装(规格)', width: 10, align: "center", hidden: true },

]], toolbar: toolbar,
});
}

转载于:https://www.cnblogs.com/liuzheng0612/p/10941902.html