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'});
}
});
});
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'});
}
});
});
相关文章推荐
- 前台往后台传送数据出现乱码
- Auto Layout still required after executing -layoutSubViews
- SystemUI简介
- android systemUI--Notification 整理
- 【工作记录0013】easyui中datagrid绑定,后台可读出数据,前台未显示的解决方法
- Linker and Libraries Guide(1)
- Streaming query results
- easy ui 1.2.4的中文API
- 解析:使用easyui的form提交表单,在IE下出现类似附件下载时提示是否保存的现象
- AndroidUI ToolBar
- 树状数组+二分||线段树 HDOJ 5493 Queue
- iOS开发UI篇—常见的项目文件介绍
- UVA - 11235 Frequent values 频繁出现的数值 RMQ+游程编码
- SpriteBuilder中的CCSprite9Slice是个什么鬼?
- SpriteBuilder中的CCSprite9Slice是个什么鬼?
- SpriteBuilder中的CCSprite9Slice是个什么鬼?
- getRequestDispatcher 和sendRedirect区别
- iOS-UICollectionView自定义布局
- android AlertDialog.Builder(Context context)换行
- iOS绘图系统UIKit与Core Graphics