jqgrid使用ajax獲取數據賦值

有時候使用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' }); } });