您的位置:首页 > 产品设计 > UI/UE

easyUI datagrid解析Json

2015-09-28 17:52 615 查看
//url:是传递文件的解析路径

url:'${pageContext.request.contextPath}/findProductList.mmx',

toolbar : '#tb',

//文件的id 标识字段

idField : 'id',

fit : true,

//True 就会自动扩大或缩小列的尺寸以适应表格的宽度并且防止水平滚动。

fitColumns : true,

//True 就把行条纹化。(即奇偶行使用不同背景色)

striped : true,

//True 就会把数据显示在一行里。

nowrap : true,

//加载提示文字

loadMsg : '正在努力为您加载..',

//显示总数量

rownumbers : true,

//显示脚本

showFooter: true,

//只允许选择一行

singleSelect : true,

//True 就会在 datagrid 的底部显示分页栏。

pagination : true,

//页面大小

pageSize : 20,

//当设置了 pagination 特性时,初始化页面尺寸的选择列表。

pageList : [ 10, 20, 30, 40, 50 ],

//解析每一列的数据

columns:[[

{field:'code',title:'编码',width:120,align:'center'},

{field:'barCode',title:'条码',width:120,align:'center'},

{field:'isSpuOn',title:'是否SPU',width:80,align:'center'},

{field:'baoZhiQi',title:'保质期',width:80,align:'center',

formatter:function(value,rec){

var da = value + "天";

return da;

}

},

{field:'status',title:'状态',align:'center'},

{field:'productId',title:'操作',width:60,align:'center',

formatter:function(value,rec){

return btn;

}

}

]],

//加载成功后显示编辑按钮

onLoadSuccess : function(data) {

$('.editcls').linkbutton({text:'编辑',plain:true,iconCls:'icon-edit'});

}

});

});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: