定單欄在jqGrid的

Question

我有我的劇本此聲明，我想選擇一個可以看到它的列..

 $("#list").jqGrid({ 
      url: '/persons.ashx', 
      datatype: 'xml', 
      mtype: 'GET', 
      colNames: ['Name', 'Age'], 
      colModel: [ 
      { name: 'Name', index: 'Name', width: 100, align: 'center', editable: true, editoptions: { size: 30 }, editrules: { edithidden: false }, sortable: true }, 
      { name: 'Age', index: 'Age', width: 100, align: 'center', editable: true, editoptions: { size: 30 }, editrules: { edithidden: false }, sortable: true } 
      ] 
      ajaxSelectOptions: { 
       data: { 
        codSelected: function() { return _codSelected; } 
         } 
      }, 
      onSelectRow: function (rowid) { 
       _codSelected = rowid; 
      }, 
      autoencode: true, 
      pager: '#pager', 
      rowNum: 20, 
      sortname: 'Name', 
      sortorder: 'asc', 
      sortable: true, 
      autowidth: false, 
      width: 999, 
      height: -1, 
      shrinkToFit: true, 
      viewrecords: true, 
      gridview: true, 
      caption: 'Persons', 
      editurl: '' 
     }); 

     jQuery("#list").jqGrid('navGrid', 
      '#pager', 
      { 
       add: false, 
       del: false, 
       edit: false, 
       search: true, 
       refresh: true, 
       cloneToTop: true 
      }, 
      { width: 360, resize: false, closeAfterEdit: true, recreateForm: true, viewPagerButtons: true 
      }, 
      { width: 360, resize: false, closeAfterAdd: true, recreateForm: true }, 
      {}, //Delete action 
      { closeAfterSearch: true, closeOnEscape: true } 
     ); 
    }); 

     //CODE ADDDED TO CAN CHOOSE COLUMNS 
     jQuery("#list").jqGrid('navButtonAdd', '#pager', { 
        caption: "", 
        buttonicon: "ui-icon-calculator", 
        title: "Choose columns", 
        onClickButton: function() { 
         $(this).jqGrid('columnChooser'); 
        } 
       }); 

我有14列，但我不能看到我的屏幕上的所有，我在這個例子中只有2列，但我不能看到選擇按鈕附近重新加載按鈕，實際上，不能選擇任何列來訂購它..

任何人都可以幫助我嗎？

謝謝。

Answer 1

您發佈的代碼有一些語法問題。它看起來像

$("#list").jqGrid({ 
     ... 
    }); 
    jQuery("#list").jqGrid('navGrid', ... 
    ); 
}); 
    jQuery("#list").jqGrid('navButtonAdd', '#pager', { ... 
    }); 

我想它看起來像

$(function() { 
    $("#list").jqGrid({ 
     ... 
    }); 
    jQuery("#list").jqGrid('navGrid', ... 
    ); 
}); 
    jQuery("#list").jqGrid('navButtonAdd', '#pager', { ... 
    }); 

，並嘗試使用navButtonAdd出$(document).ready(...)。

如果真的是這樣，你應該的navGrid調用後直接移動的navButtonAdd調用內部的$(document).ready(...)，問題也就解決了。