easyUI 绑定数据
最近一个后台项目用到了easyui,我第一个功能就是列表。
记录一下easyui的table使用吧,应该和大部分table差不多
$("#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, }); }