Question

如何正确使用Jquery EasyUI DataGrid

Answer 1

$('#grid').datagrid({ //定位到Table标签，Table标签的ID是grid
url: '/xxx/xxx', //指向后台的Action来获取当前菜单的信息的Json格式的数据
title: 'xxxxxxxxx',
iconCls: 'icon-view',
fit: true,
fitColumns: true,
nowrap: true,
autoRowHeight: false,
striped: true,
collapsible: true,
pagination: true,
pageSize: 100,
pageList: [50, 100, 200],
rownumbers: true,
sortOrder: 'asc',
remoteSort: false,
singleSelect: true, //选中行唯一
method: 'post',
idField: 'ID',
queryParams: queryData, //异步查询的参数
columns: [[
{ title: "ID", field: "ID", width: 95, hidden: true },
{ title: "Bond", field: "Bond", width: 95, hidden: true },
]],
toolbar: toolbar,
onLoadSuccess: function (d) {
$(".xx").tooltip(
{
position: "right",
onShow: function () {
$(this).tooltip('tip').css({
width: '300px',
boxShadow: '1px 1px 3px #292929'
});
}
}
);
//设置其他控件状态
if (d.total > 0) {
} else {

}
},
onDblClickRow: function (rowIndex, rowData) {
}
})
};