2013-05-16 4 views
0

Je suis en train d'essayer d'ajouter navgrid à un jqgrid qui fonctionne, mais il ne s'affiche pas. La documentation pourrait être mieux imo.Jqgrid Navgrid ne fonctionne pas

$("#" + id + "Table").jqGrid({ 
     datatype: "local", 
     data: data, 
     colNames: colNames, 
     colModel: colModel, 
     pager: '#' + id + 'Table', 
     autowidth: true, 
     scroll: false, 
     forceFit: true, 
     shrinkToFit: true, //Width of columns should be expressed in integers which add to 100 
     rowNum: <xsl:value-of select="$totalLength"/>, 
     rowTotal: <xsl:value-of select="$totalLength"/>, 
     sortname: defaultSortColumn, 
     sortorder: defaultSortOrder, 
     url: "fs/servlet/CS" 
     }); 
     $("#" + id + "Table").jqGrid('navGrid',"#" + id + "Pager",{edit:true,add:true,del:true}); 
+0

Quelle version de jqGrid utilisez-vous? J'ai eu quelques composants cassent quand j'ai mis à jour. Essayez: $ ("#" + id + "Table") .jqGrid ('navGrid', "# navGrid", {éditer: vrai, ajouter: vrai, del: vrai}); – ejc

+1

Vous devriez utiliser '" # "+ id +" Pager "' comme valeur du paramètre 'pager' de jqGrid. Le code actuel ressemble '$ (" # "+ id +" Table ") .jqGrid ({..., pager: '#' + id + 'Table', ...);' qui est votre erreur de frappe. De plus, je vous recommande d'utiliser les options 'gridview: true, autoencode: true, height:" auto "' et de supprimer les options inutiles 'scroll: false'. – Oleg

+0

Oops typo en effet. Merci Oleg –

Répondre

1

Vous configurez votre téléavertisseur pour être le même élément que la grille:

Il devrait être différent et puis votre téléavertisseur

Ex Html

<div> 
     <table id="gridId" class="scroll" cellpadding="0" cellspacing="0"></table> 
     <div id="pagerId" class="scroll" style="text-align:center;"></div> 
    </div> 

serait la configuration via

pager: $('#pagerId'),