Comment obtenir un jqGrid ligne sélectionnée cellules de la valeur

Personne ne sait comment obtenir les cellules de la valeur de la ligne sélectionnée de JQGrid ? je m en utilisant mvc avec JQGrid, je veux accéder à la valeur de la colonne masquée de la ligne sélectionnée ?

InformationsquelleAutor Saad | 2011-08-09
  1. 85

    D'abord, vous pouvez obtenir le rowid de la ligne sélectionnée à l'égard de getGridParam méthode et 'selrow' en tant que paramètre et ensuite vous pouvez utiliser getCell pour obtenir la valeur de la cellule de la colonne correspondante:

    var myGrid = $('#list'),
    selRowId = myGrid.jqGrid ('getGridParam', 'selrow'),
    celValue = myGrid.jqGrid ('getCell', selRowId, 'columnName');

    La 'columnName' doit être le même nom que vous utilisez dans le 'name' propriété de la colModel. Si vous avez besoin de valeurs de plusieurs colonnes de la ligne sélectionnée, vous pouvez utiliser getRowData au lieu de getCell.

    • ce que j'ai à faire si je veux obtenir la valeur de la subgrid ? il suffit de faire la même chose avec le subgrid id ?
    • Il y a différentes façons comment vous pouvez utiliser subgrid. Dans le cas de l'utilisation subgrid comme une grille la subgrid est juste une autre grille de sorte que vous pouvez faire avec, tout comme avec la grille principale. Chaque grille est généralement identifié par l'id de l'correspondant <table> élément. Donc, vous devriez utiliser l'id de la grille dont vous avez besoin.
    • est-il possible d'utiliser ces valeurs de cellule en dehors du code ? u vous voulez l'utiliser comme une éditer les paramètres dans "navgrid'
    • regardez here
    • jetez un oeil à ce scénario : stackoverflow.com/questions/7022746/...
    • var grid = $('#UserDetails'); var id = grid.getGridParam('selrow'); J'ai fait de même. Sur click cas, le code ci-dessus est appelé, mais j'ai id comme null. Quelle pourrait être la raison pour cela?
    • la valeur de selrow paramètre signifie qu'aucune ligne n'est sélectionnée dans la grille à l'heure actuelle.
    • Oui. Le code est appelé lorsque la grille UserDetails est cliqué. $('#UserDetails').click(function() {...})Dois-je écrire un gestionnaire pour chaque ligne?
    • Pourriez-vous s'il vous plaît avoir un coup d'oeil à la question : stackoverflow.com/questions/33033046/...

    InformationsquelleAutor Oleg
  2. 14

    Vous pouvez utiliser de cette manière aussi

    var rowId =$("#list").jqGrid('getGridParam','selrow');  
var rowData = jQuery("#list").getRowData(rowId);
var colData = rowData['UserId'];   //perticuler Column name of jqgrid that you want to access
    • ce sera le retour de l'ensemble de l'html de la cellule et non pas la valeur
    InformationsquelleAutor Mitul Maheshwari
  3. 4

    Juste pour ajouter, vous pouvez également récupérer un jqGrid valeur de la cellule, basé sur le rowID, plus un index de colonne (plutôt que le nom de la Colonne):

    Donc, pour aller chercher la valeur dans la quatrième colonne (indice # 3) pour la ligne de clé primaire ID 1234, nous pourrions utiliser ce:

    var rowID = 1234;
var columnIndex = 3;
var cellValue = $("#" + rowID).find('td').eq(columnIndex).text();

    Btw, sur un sujet sans rapport avec (mais merci de ne pas voter de moi vers le bas):

    Je ne savais pas que vous le pouvez, assez facilement, lier des zones de texte à votre jqGrid, de sorte que vos utilisateurs peuvent faire une recherche instantanée, sans avoir à ouvrir la boîte de dialogue de Recherche.

    Comment obtenir un jqGrid ligne sélectionnée cellules de la valeur

    Pour ce faire, vous avez besoin d'un peu de code HTML comme ceci:

    <input type="text" name="employeeName" id="employeeName" style="width:250px" />

<!--  This will be my jqGrid control and pager -->
<table id="tblEmployees"></table>
<div id="pager"></div>

    Et un peu de JavaScript comme ceci:

    $("#employeeName").on('change keyup paste', function () {
    SearchByEmployeeName();
});

function SearchByEmployeeName()
{
    // Fetch the text from our <input> control
    var searchString = $("#employeeName").val();

    // Prepare to pass a new search filter to our jqGrid
    var f = { groupOp: "AND", rules: [] };

    // Remember to change the following line to reflect the jqGrid column you want to search for your string in
    // In this example, I'm searching through the UserName column.

    f.rules.push({ field: "UserName", op: "cn", data: searchString });

    var grid = $('#tblEmployees');
    grid[0].p.search = f.rules.length > 0;
    $.extend(grid[0].p.postData, { filters: JSON.stringify(f) });
    grid.trigger("reloadGrid", [{ page: 1 }]);
}

    C'est un vrai jeu-changeur pour moi... il fait vraiment jqGrid beaucoup plus convivial.

    Les utilisateurs peuvent immédiatement commencer à taper dans leur chaîne de recherche, plutôt que de devoir ouvrir la boîte de dialogue de Recherche, n'oubliez pas de changer l'opérateur "contient", puis commencez à taper, et fermer la boîte de dialogue de recherche de nouveau.

    InformationsquelleAutor Mike Gledhill
  4. 3

    Utiliser "selrow" pour obtenir la ligne sélectionnée Id

    var myGrid = $('#myGridId');

    var selectedRowId = myGrid.jqGrid("getGridParam", 'selrow');

    et ensuite utiliser getRowData pour obtenir la ligne sélectionnée au niveau de l'index selectedRowId.

    var selectedRowData = myGrid.getRowData(selectedRowId);

    Si le multiselect est définie sur true jqGrid, puis utiliser "selarrrow" pour obtenir la liste des lignes sélectionnées:

    var selectedRowIds = myGrid.jqGrid("getGridParam", 'selarrrow');

    Utilisation de la boucle pour parcourir la liste des lignes sélectionnées:

    var selectedRowData;

    for(selectedRowIndex = 0; selectedRowIndex < selectedRowIds .length; selectedRowIds ++) {

       selectedRowData = myGrid.getRowData(selectedRowIds[selectedRowIndex]);

    }

    InformationsquelleAutor Arun Garg
  5. 1

    yo ont à declarate de vars... 

    var selectedRowId = $('#list').jqGrid ('getGridParam', 'selrow');
var columnName = $('#list').jqGrid('getCell', selectedRowId, 'columnName');

    var nombre_img_articulo = $('#liste').jqGrid('getCell', selectedRowId, 'img_articulo');

    InformationsquelleAutor Sici
  6. 1

    Seulement Caisse :

    Solution 1 :

    Dans Subgrid Fonction, Vous devez écrire la suite :

    var selectid = $(this).jqGrid('getCell', row_id, 'id');
alert(selectid);

    Où row_id est la variable qui vous permet de définir une subgrid comme paramètre.
    Et id est le nom de la colonne dont vous souhaitez obtenir la valeur de la cellule.

    Solution 2 :

    Si Vous Obtenez Jqgrid Id de Ligne En alerte, Puis réglez votre id de clé primaire comme key:true Dans ColModels. Ainsi, Vous obtenez la valeur de votre id de base de données en alerte. Comme ceci : 

    {name:"id",index:"id",hidden:true, width:15,key:true, jsonmap:"id"},
    InformationsquelleAutor Sachin Sanchaniya