jqgrid使用ajax获取数据赋值

来源：互联网发布：自挂东南枝网络歌曲编辑：程序博客网时间：2024/05/22 10:56

有时候使用jqgrid的赋值url来获取数据很不方便，当同时给多个grid赋值时，便会请求多次，造成很大的资源浪费，于是，本例采用ajax获取到数据源后给多个jqgrid赋值，示例代码如下：

$.ajax({                type: 'Post',                dataType: 'json',                data: { },                url: "",                success: function (data) {                   <pre name="code" class="javascript"> <span style="white-space:pre"></span> jQuery("#<span style="font-family: Arial, Helvetica, sans-serif;">grid1</span>").jqGrid({                datatype: 'local',                data: data,                colNames: ['名称', '数量'],                colModel: [                      { name: 'Name', index: 'Name', align: 'center', title: false, sortable: false, resizable: false },                      { name: 'Count', index: 'Count', align: 'center', title: true, sortable: false, resizable: false }                ]            });            $("#grid1").jqGrid('setGridParam', {                data: data            }).trigger("reloadGrid");            $("#grid1").jqGrid('setGridWidth', $(".grid").width());            $("#grid1").closest(".ui-jqgrid-bdiv").css({ 'overflow-y': 'scroll' });

jQuery("#grid2").jqGrid({                datatype: 'local',                data: data,                colNames: ['名称', '数量'],                colModel: [                      { name: 'Name', index: 'Name', align: 'center', title: false, sortable: false, resizable: false },                      { name: 'Count', index: 'Count', align: 'center', title: true, sortable: false, resizable: false }                ]            });            $("#grid2").jqGrid('setGridParam', {                data: data            }).trigger("reloadGrid");            $("#grid2").jqGrid('setGridWidth', $(".grid").width());            $("#grid2").closest(".ui-jqgrid-bdiv").css({ 'overflow-y': 'scroll' }); } });

0 0