Question

我有以下代码用于显示数据，它工作正常，但它没有显示搜索图标，我在代码中丢失了什么东西？

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"});

感谢

Answer 1

感谢oleg

我发现了问题，jqgrid 3.7剂量不能用jquery-ui-1.8.2.custom显示搜索图标

并使用jquery-ui-1.7.3.custom它的单词

Answer 2

您发布的代码没有错误（我不计算列名'lastname'和'fname'之间的切换作为错误）。默认值searchicon:"ui-icon-search"用于搜索图标。您应该验证是否在代码中更正了包含jQuery UI（带有相应图像的CSS）。

Answer 3

我意识到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匹配。

jqGrid不显示搜索按钮（图标）

3 个答案: