колонка показать/скрыть в jqgrid

Question

Я использую jqgrid columnChooser, например, так:

<script> 
$(document).ready(function() { 
    $("#list_records").jqGrid({ 
     url: "getGridData.php", 
     datatype: "xml", 
     mtype: "GET", 
     colNames: ["User Id", "User Name","Password"], 
     colModel: [ 
      { name: "userId",align:"right"}, 
      { name: "userName"}, 
      { name: "password"}, 

     ], 
     pager: "#perpage", 
     rowNum: 10, 
     rowList: [10,20], 
     sortname: "userId", 
     sortorder: "asc", 
     height: 'auto', 
     viewrecords: true, 
     gridview: true, 
     caption: "test" 
    }); 
    $("#list_records").jqGrid('columnChooser'); 
    $("#list_records").jqGrid('navButtonAdd', '#perpage', { 
caption: "showcolumns", 
buttonicon: "ui-icon-calculator", 
title: "Choose columns", 
onClickButton: function() { 
    $(this).jqGrid('columnChooser'); 
    $("#colchooser_" + $.jgrid.jqID(this.id) + " ul.selected") 
     .bind("sortreceive", function (event, ui) { 
      alert('column "' + ui.item.text() + '" is choosed'); 
     }); 
    $("#colchooser_" + $.jgrid.jqID(this.id) + " ul.available a.action") 
     .click(function() { 
      alert('column "' + $(this).parent().text() + '" is choosed'); 
     }); 

    } 
});  
}); 
</script> 

, но я хочу, чтобы моя сетка выглядеть, как http://www.ok-soft-gmbh.com/jqGrid/SimpleLocalGridWithColumnChooser8.htm

Пожалуйста, помогите мне в этом. Спасибо.

Answer 1

1. вы должны удалить $("#list_records").jqGrid('columnChooser'); вызов до navButtonAdd
2. navButtonAdd могут быть использованы для добавления пользовательской кнопки навигатор бара, но он не работает, если нет навигатора бара не существует в сетке. Поэтому вы должны включить вызов navGrid перед вызовом navButtonAdd. Например, $("#list_records").jqGrid('navGrid', '#perpage', {add: false, edit: false, del: false, search: false, refresh: false});