EasyUI datagrid

使用及说明

$("#tag").datagrid({
iconCls: "icon-list", //图标,会出现在标题前面
title: "标题",
width: 500, //宽度
height: 300, //高度
rownumbers: true, //行号
nowrap: true, // 是否显示数据在一行中,默认为 true, 设置为 true 能提高加载性能
autoRowHeight: false, // 自动行高,默认为 true, 设置为 false 能提高加载性能
striped: true, //奇偶行色差,也就是隔行变个色
singleSelect: true, //启用单选,就不能多选了
sortName: "fieldname", //排序字段,会作为请求参数,通常和sortOrder一起使用
sortOrder: "asc", //排序类型,默认值"asc",会作为请求参数,通常和sortName一起使用
showFooter: false, //是否显示页脚,通常可以用来呈现一些汇总数据或说明文本
queryParams: {}, //请求参数
url: "http://...", //请求地址
loadFilter: function(data){
//数据过滤
//通常我们可以预处理数据,再显示出来.
//比如:
//1. 把不标准的数据转换为标准数据
//2. 添加附加数据,e.g:footer
//3. 过滤数据,去除不要的内容
return data; //处理完成后,必须返回一个标准数据.
},
onLoadSuccess: function(data){
//加载成功事件
//通常可以在加载成功时,做一些其他处理.
},
onClickRow: function(rowIndex, rowData){
//单击行事件
},
onDblClickRow: function(rowIndex, rowData){
//双击行事件
},
onBeforeLoad: function (param){
//在url请求前触发,如果返回 false url请求会取消
}
});