JQgrid搜索選項不顯示

以下是我的代碼，我是JQgrid的新手，我確實按照wiki上提供的示例進行了操作，但出於某種奇怪的原因，我無法在導航欄上看到任何搜索選項，任何幫助將非常感謝JQgrid搜索選項不顯示

<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script> 
     <script src="js/i18n/grid.locale-en.js" type="text/javascript"></script> 
    <script src="js/jquery.jqGrid.min.js" type="text/javascript"></script> 
    <script src="js/jquery-ui-1.10.4.custom.js" type="text/javascript"></script> 

    <script type="text/javascript"> 
    $(function() { 
     $("#list").jqGrid({ 

      url: "genxml3.php", 
      datatype: "xml", 
      mtype: "GET", 

      colNames: ["A", "T", "E"], 
      colModel: [ 

       { name: "A", Index: 'Name', width: 155 }, 
       { name: "T", width: 290 }, 
       { name: "E", width: 80, align: "right" ,sortable: false}, 

      ], 
      pager: "#pager", 
      height:"100%", 
      rowNum: 20, 
      rowList: [40, 80, 120], 
      rownumbers: true, 
      rownumWidth: 40, 
      sortname: "invid", 
      sortorder: "desc", 
      viewrecords: true, 
      gridview: true, 
      autoencode: true, 
      caption: "Digital List" 


     }) 

     }); 
    jQuery("#list").jqGrid('navGrid','#pager', {edit:false,add:false,del:false}, {}, {}, {}, {multipleSearch:true, multipleGroup:true, showQuery: true} 
     ); 

     </script>

來源

2014-09-19 hitek

原因在我看來navGrid調用錯誤的地方。按照您的意願，將置於$(function() {...})之外。因此在之前navGrid的呼叫將被製作爲，網格被創建並且navGrid失敗。您需要移動上面一行的行jQuery("#list").jqGrid('navGrid', ...);以解決問題。

此外，您應該從列"A"刪除Index: 'Name'。首先JavaScript是區分大小寫的，並且只有index和Index屬性。此外，建議不要使用index屬性，它不是真正需要的。選項sortname: "invid"可能沒有多大意義，因爲您沒有名稱爲invid的列。

另一種說法。您應該包含gridview: true選項以提高電網的性能並考慮使用loadonce: true選項。如果您不使用loadonce: true選項，則服務器（url: "genxml3.php"）必須實現服務器端分頁，排序和過濾（搜索）。如果數據集不是很大（例如少於1000或10000行），如果服務器返回所有數據（如果有任何用途，最初按sortname排序）可能會更有效。 jqGrid會將返回的數據保存在內部data參數中，這些參數通常用於使用datatype: "local"，然後它會將datatype更改爲"local"。所以jqGrid將在本地執行排序，分頁和過濾/搜索而沒有任何請求到服務器。通常情況下，如果行數不是很大，本地排序可以快速作爲對服務器的請求。

來源

2014-09-20 09:15:57 Oleg

感謝您的寶貴意見，我確實將navGrid（）移動到了上面一行，但我仍然無法看到任何搜索選項。 – hitek 2014-09-22 13:29:09

可能是我缺少一個庫或插件，我必須包括？ – hitek 2014-09-22 13:29:45

@hitek：沒有更多需要。你有在線演示嗎？ – Oleg 2014-09-22 13:37:11

JQgrid搜索選項不顯示

回答

相關問題