jqgrid的外观重绘

1、如果你想随时更改jqGrid的外观和列，可以先将jqGrid卸载掉再重新加载：$(grid).GridUnload();  $("#list_server_table").trigger("reloadGrid");

2、jqGrid的列：colName、colModel其实是 json 格式的数据，数据是数组（colModel的数组包含对象），因此可以向后台去获取相应的 colName、colModel 的数据，再去重绘jqGrid。

 　　　function showJqgrid(sort_data)
      {
          jQuery(grid).jqGrid({
             url                : "./get_table_data",
             datatype           : "json",
             mtype            : "post",
             postData         : {'sort' : over_sort,
                                 'sub_sort' : over_sub_sort,
                                 'category' : over_category,
                                 'start_time' : over_start_time,
                                 'end_time'   : over_end_time,
                                },
             caption             : sort_data.caption,
             height             : "5%",
             autowidth         : true,

             colNames  : sort_data.col_name,
             colModel  : sort_data.col_model,                   

             viewrecords : true,
             pager        : "program_statistics_pager",
             rowNum      : 15,

             //design the whole table locally by css
             beforeRequest: function(){
                 setJqgridModel(grid, gview);
             },

             gridComplete: function(){
                 $(grid).closest(".ui-jqgrid-bdiv").css("overflow-x", "hidden");
             },

             loadComplete: function(data) {
                 var table = this;

                 setTimeout(function(){
                     if (data.records == 0)
                     {
                         jQuery("#program_statistics_table").clearGridData();
                     }

                     updateActionIcons(table);
                     updatePagerIcons(table);
                     enableTooltips(table);
                 }, 0);
             },
         });

         function styleCheckbox(table)
         {

         }

         function updateActionIcons(table)
         {

         }

         function updatePagerIcons(table)
         {
             var replacement =
             {
                 'ui-icon-seek-first' : 'fa fa-angle-double-left bigger-140',
                 'ui-icon-seek-prev' : 'fa fa-angle-left bigger-140',
                 'ui-icon-seek-next' : 'fa fa-angle-right bigger-140',
                 'ui-icon-seek-end' : 'fa fa-angle-double-right bigger-140'
             };
             $('.ui-pg-table:not(.navtable) > tbody > tr > .ui-pg-button > .ui-icon').each(function(){
                 var icon = $(this);
                 var $class = $.trim(icon.attr('class').replace('ui-icon', ''));

                 if($class in replacement) icon.attr('class', 'ui-icon '+replacement[$class]);
             })
         }

         function enableTooltips(table)
         {
             $('.navtable .ui-pg-button').tooltip({container:'body'});
             $(table).find('.ui-pg-div').tooltip({container:'body'});
         }
      }