Comment faire pour sélectionner par programme la ligne supérieure de JQGrid?

Comment sélectionner par programme la première ligne d'un JQGrid. Je veux que la ligne du haut soit déjà sélectionnée quand elle est ouverte sur la page. Ma grille est triée par une colonne descriptive afin que l'identifiant de la première rangée puisse être n'importe quel nombre. Je connais la méthode à utiliser Je ne sais juste pas comment obtenir le rowid pour la première (première) rangée. La méthode est:Comment faire pour sélectionner par programme la ligne supérieure de JQGrid?

jQuery("#mygrid").setSelection(rowid, true);

Source

2009-11-23 MikeD

Ou, sans utiliser l'API jqGrid, vous devriez être en mesure de récupérer la rangée supérieure en naviguant sur le DOM:

var top_rowid = $('#mygrid tbody:first-child tr:first').attr('id');

Source

2009-11-23 22:39:02

merci - cela a fonctionné. – MikeD

Cela serait pire que de simplement utiliser l'API jqGrid, car il serait plus lent à acquérir. JqGrid a les identifiants de ligne stockés dans une variable facilement disponible, alors que cette façon ouvre et analyse le DOM quand il n'a pas besoin d'être ouvert. – kokorohakai

S'il existe une ligne d'en-tête, cette version ne fonctionne pas. Le sélecteur correct pour les deux cas: var top_rowid = $ ('# mygrid tbody: first-child tr.jqgrow: first').attr ('id'); –

$("#mygrid").getDataIDs()[0]; // SO now requires 30 characters, so....

Source

2009-11-23 21:51:27

essayer que je pourrais - je ne pouvais pas obtenir cet appel api travail. Naviguer à travers le dom cependant comme suggéré ci-dessous a fonctionné. Merci quand même - je ne sais pas pourquoi l'appel échoue - mais cela me convient. – MikeD

Je pense que la syntaxe pour jqGrid 3.6 a changé pour quelque chose comme: '$ ('# mygrid') .jqGrid ('getDataIDs');', cependant cela a jeté une erreur quand je l'ai essayé avec Firebug contre le v3 en ligne. 6 démos. –

Sam, l'ancienne syntaxe fonctionne, ainsi que la nouvelle API. J'ai donné le premier car il fonctionne sur l'ancien et le nouveau. –

Lorsque vous avez une ligne d'en-tête, essayez ceci:

var top_rowid = $('#mygrid tbody:first-child tr:nth-child(2)').attr('id');

Source

2010-12-29 03:03:53 Yuri

La réponse ci-dessus était proche, mais l'affaire était éteint. Il devrait être:

$("#mygrid").getDataIDs()[0];

Cela devrait fonctionner correctement.

Source

2011-01-26 15:12:50 rbdrbd

Merci cela a fonctionné pour moi. –

Code complet lorsque la table ont en-tête ligne:

var top_rowid = $('#mygrid tr:nth-child(2)').attr('id'); 
$("#mygrid").setSelection(top_rowid, true);

Source

2011-09-13 06:21:20 user941904

Si vous avez d'en-tête ligne, essayez ceci:

$('#tb_par tbody:first-child tr:nth-child(2)').trigger("click");

Si non que:

$('#mygrid tbody:first-child tr:first').trigger("click");

Il déclenchera directement le clic événement du JqGrid.

Source

2013-03-06 09:12:33

jqGrid soutient une méthode setSelection il a juste besoin d'être correctement appelé:

var grid = jQuery("#mygrid"), 
    ids = grid.jqGrid("getDataIDs"); 
if(ids && ids.length > 0) 
    grid.jqGrid("setSelection", ids[0]);

Source

2013-03-06 15:03:48

personnellement, j'aime ça. Merci! – bkwdesign

Je peux sélectionner ceci mais il ne permet pas la navigation au clavier via la nouvelle API 4.0. des idées? – Nap

Je l'ai utilisé les éléments suivants:

var grid = $('#list'); 
grid.jqGrid({ 
    ... 
    gridComplete: function() { 
     var ids = grid.jqGrid("getDataIDs"); 
     if(ids.length > 0) { 
      grid.jqGrid("setSelection", ids[0]); 
     } 
    }, 
    ... 
});

Source

2014-10-19 19:33:47 user1325543

Comment faire pour sélectionner par programme la ligne supérieure de JQGrid?

Répondre

Questions connexes