jq的ajax里面的datagrid,详解jquery easyui之datagrid使用参考

本文介绍了jquery easyui之datagrid使用，具体如下：

创建datagrid

在页面上添加一个div或table标签，然后用jquery获取这个标签，并初始化一个datagrid。代码如下：

页面上的div标签：

js代码：

$('#magazineGrid').datagrid({

height: 340,

url: 'url',

method: 'POST',

queryParams: { 'id': id },

idField: '产品ID',

striped: true,

fitColumns: true,

singleSelect: false,

rownumbers: true,

pagination: false,

nowrap: false,

pageSize: 10,

pageList: [10, 20, 50, 100, 150, 200],

showFooter: true,

columns: [[

{ field: 'ck', checkbox: true },

{ field: '刊名', title: '刊名', width: 180, align: 'left' },

{ field: '类别', title: '类别', width: 150, align: 'left' },

{ field: '月份', title: '月份', width: 100, align: 'left' },

{ field: '期次', title: '期次', width: 100, align: 'left' },

{ field: '价格', title: '价格', width: 100, align: 'right' },

{ field: '订阅数', title: '订阅数', width: 100, align: 'right' },

{ field: '库存数', title: '库存数', width: 100, align: 'right' },

{ field: '邮寄方式', title: '邮寄方式', width: 80, align: 'left' },

{ field: '数量', title: '数量', width: 80, alig