的jqGrid不顯示搜索按鈕（圖標）

我有數據顯示這下面的代碼，它工作正常，但它不顯示搜索圖標，有什麼事情，我在我的代碼失去了什麼？的jqGrid不顯示搜索按鈕（圖標）

jQuery("#list2").jqGrid({ 
url:'post2.php', 
datatype:"json", 
colNames:['id','lastname','fname'], 
colModel:[ 
{name:'id',index:'id',hidden:true, width:90}, 
{name:'fname',index:'fname', width:90}, 
{name:'lastname',index:'lastname', width:100} 
    ], 
rowNum:10, rowList:[10,20,30], 
pager: '#pager2', 
height:'100%', 
sortname: 'id', 
viewrecords: true, 
sortorder: "asc", caption:"example1" }); 

jQuery("#list2").jqGrid('navGrid','#pager2',{search:true, searchtext:"Search"});

感謝

來源

2010-07-28 user1400

您發佈沒有錯誤（我並不算作一個錯誤列名「姓」和「FNAME」之間的切換）的代碼。搜索圖標使用默認值searchicon:"ui-icon-search"。你應該驗證你的代碼中是否包含jQuery UI（包含圖片的CSS）。

來源

2010-07-28 09:11:52 Oleg

感謝奧列格

我發現這個問題，jqGrid的3.7劑量不使用jQuery-UI-1.8.2.custom

，並與jQuery-UI-1.7.3.custom其詞完美地呈現搜索圖標

來源

2010-07-28 10:41:37 user1400

一般來說，jqgrid 3.7.x可以正常使用jQuery UI 1.8.2。例如，我使用這種組合。更多一般性評論。你最好寫一個評論給我的答案，而不是寫你自己的答案。在撰寫評論時，我會收到通知，並可以閱讀您的答案。現在我隨機讀你的答案。但我很高興你的問題解決了。 – Oleg 2010-07-28 12:04:28

我意識到OP找到了答案，但還有另一種情況需要考慮，這會影響到我並可能幫助其他人。

我在尋呼機div id引用了一個錯字。我不小心排除了尋呼機中的'r'。有趣的是，我的jqgrid's傳呼機既完好又有效。只有「搜索」圖標丟失（這與OP提到的行爲相同）。

錯誤：

jQuery("#list2").jqGrid('navGrid','#page2',{search:true, searchtext:"Search"});

正確：

jQuery("#list2").jqGrid('navGrid','#pager2',{search:true, searchtext:"Search"});

確保您的引用ID確實匹配從HTML標籤的id。

來源

2017-11-06 21:51:38

的jqGrid不顯示搜索按鈕（圖標）

回答

相關問題