jgGrid

jqGrid的表格加载

     function GetGrid() {
         var selectedRowIndex = 0;
         var $gridTable = $("#gridTable");
         $gridTable.jqGrid({
             datatype: "json",
             height: $(window).height() - 141,
             autowidth: true,
             colModel: [
                 { label: '主键', name: 'pk', hidden: true },
                 { label: "表名", name: "tableName", width: 300, align: "left", sortable: false },
                 {
                     label: "记录数", name: "tableRows", width: 100, align: "center", sortable: false,
                     formatter: function (cellvalue, options, rowObject) {
                         return cellvalue + "条";
                     }
                 },
                 { label: "说明", name: "tableComment", width: 120, align: "left", sortable: false },
                 { label: "表分类",name: "catKindName", width: 100, align: "left",sortable: false},
                 { label: "分类码",name: "catCode", width: 0, align: "left",sortable: false,hidden:true}

             ],
             onSelectRow: function () {
                 selectedRowIndex = $("#" + this.id).getGridParam('selrow');
             },
             gridComplete: function () {
                 $("#" + this.id).setSelection(selectedRowIndex, false);
             },
             rowNum: "1000",
             rownumbers: true,
             shrinkToFit: false,
             gridview: true,
             subGrid: true,
             subGridRowExpanded: function (subgrid_id, row_id) {
                 var tableName = $gridTable.jqGrid('getRowData', row_id)['tableName'];
                 var subgrid_table_id = subgrid_id + "_t";
                 $("#" + subgrid_id).html("<table id='" + subgrid_table_id + "'></table>");
                 $("#" + subgrid_table_id).jqGrid({
                     url: "dataSourceTableController.do?tableStructrue",
                     postData: { dataBaseLinkId: _DataBaseLinkId, tableName: tableName },
                     datatype: "json",
                     height: 260,
                     colModel: [
                         { label: "列名", name: "columnName", index: "columnName", width: 300, sortable: false },
                         { label: "数据类型", name: "dataType", index: "dataType", width: 120, align: "center", sortable: false },
                         { label: "长度", name: "characterMaximumLength", index: "characterMaximumLength", width: 57, align: "center", sortable: false },
                         { label: "允许空", name: "isNullable", index: "isNullable", width: 58, align: "center", sortable: false },
                         { label: "主键", name: "columnKey", index: "columnKey", width: 57, align: "center", sortable: false },
                         { label: "默认值", name: "columnDefault", index: "columnDefault", width: 120, align: "center", sortable: false },
                         { label: "说明", name: "columnComment", index: "columnComment", width: 200, sortable: false }
                     ],
                     caption: "表字段信息",
                     rowNum: "1000",
                     rownumbers: true,
                     shrinkToFit: false,
                     gridview: true,
                     hidegrid: false
                 });
             }
         });
         //查询事件
         $("#btn_Search").click(function () {
             getTableList();
         });
         $("#txt_Keyword").keydown(function () {
             getTableList();
         });
         function getTableList(){
             $gridTable.resetSelection();
             selectedRowIndex = 0;
             $gridTable.jqGrid('setGridParam', {
                 url: "dataSourceTableController.do?allTables",
                 postData: { dataBaseLinkId: _DataBaseLinkId, keyword: $("#txt_Keyword").val() },
             }).trigger('reloadGrid');
         }
     }