2012-09-21 41 views
1

我有一個不錯的jqgrid與columnchooser。 但是,當我刪除columnchooser所有列我的JQGrid表消失。 (width:0) 那麼是否有可能具有最小寬度和最大寬度?
在此先感謝。jqgrid columnchooser width

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> 
<link href="../../Scripts/plugins/ui.multiselect.css" rel="stylesheet" type="text/css" /> 
<script src="../../Scripts/jquery-ui-1.8.23.min.js" type="text/javascript"></script> 
<script src="../../Scripts/plugins/ui.multiselect.js" type="text/javascript"></script> 
<script src="../../Scripts/js/jquery.jqGrid.min.js" type="text/javascript"></script> 
<script src="../../Scripts/src/i18n/grid.locale-nl.js" type="text/javascript"></script> 
<link href="../../Scripts/css/ui.jqgrid.css" rel="stylesheet" type="text/css" /> 
<link href="../../Content/Site.css" rel="stylesheet" type="text/css" /> 
<link href="../../Content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" /> 

<table id="list"></table> 
<div id="pager"></div> 

<script type="text/javascript"> 
jQuery(document).ready(function() { 
    jQuery("#list").jqGrid({ 
     url: '/Home/GridData/', 
     datatype: 'json', 
     mtype: 'GET', 
     autowidth: true, 
     colNames: ['Budgetsleutel', 'Beleidsdomein', 'beleidsitem'], 
     colModel: [ 
     { name: 'budetsleutel', index: 'budetsleutel', width: 40, align: 'left', sortable: true, resizable: true, search: true }, 
     { name: 'beleiddsdomein', index: 'beleidsdomein', width: 40, align: 'left', sortable: true, resizable: true, search: true }, 
     { name: 'beleidsitem', index: 'beleidsitem', width: 200, align: 'left', sortable: true, resizable: true, search: true}], 
     pager: '#pager', 
     pgbuttons: true, 
     rowNum: 10, 
     rowList: [], 
     sortname: 'Id', 
     sortorder: "desc", 
     gridview: true, 
     viewrecords: true, 
     height: 100, 
     caption: "Toolbar Searching" 
    }); 
    jQuery("#list").jqGrid('navGrid', '#pager'); 
    jQuery("#list").jqGrid('navButtonAdd', '#pager', { 
     caption: "Columns", 
     buttonicon: "ui-icon-calculator", 
     title: "choose columns", 
     jqModel:true, 
     onClickButton: function() { 
      jQuery("#list").jqGrid('columnChooser'); 
     } 
    }); 
}); 

回答

1

我發現從jqGrid的Wiki頁面的解決我的問題。
見下面的代碼:

 onClickButton: function() { 
      jQuery("#list").jqGrid('columnChooser', { 
       done: function (perm) { 
        if (perm) { 
         this.jqGrid("remapColumns", perm, true); 
         this.jqGrid("setGridWidth", $("#gridwrapper").width()); 
        } 
       } 
      }); 
     } 
相關問題