的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不显示搜索按钮（图标）

回答

相关问题