jqGrid n'affiche pas le bouton de recherche (icône)

Question

J'ai ce code suivant pour afficher les données, ça marche bien, mais il ne montre pas l'icône de recherche, ce que j'ai perdu dans mon code?

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

grâce

Answer 1

Le code que vous affiché n'a pas d'erreurs (je ne compte pas la commutation entre les noms de colonnes de la lastname »et « fname » comme une erreur). La valeur par défaut searchicon:"ui-icon-search" est utilisée pour l'icône de recherche. Vous devez vérifier que vous avez correctement inclus l'interface utilisateur jQuery (CSS avec les images correspondantes) dans votre code.

Answer 2

grâce OLEG

j'ai trouvé le problème, jqGrid 3.7 dose pas afficher recherche icône avec jquery-ui-1.8.2.custom

et jquery-ui-1.7.3.custom son beau mot

Answer 3

Je réalise que l'OP a trouvé une réponse, mais il y a une autre situation à considérer qui m'a affecté et qui pourrait aider quelqu'un d'autre.

J'ai eu une faute de frappe dans ma référence div id pour le pager. J'avais accidentellement exclu le «r» dans le téléavertisseur. Fait intéressant, mon téléavertisseur jqgrid's était à la fois intact et fonctionnel. Seule l'icône "recherche" était manquante (ce qui est le même comportement que l'OP mentionne).

Mauvais:

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

correcte:

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

Assurez-vous que votre id référencé correspond effectivement à la id de la balise html.