Comment faire pour récupérer les informations de cellule pour l'événement mouseover dans jqGrid

Cette question est spécifique à jqGrid. J'ai appris que nous pouvons utiliser .jqgrow élément avec mouseover événement pour récupérer les informations de ligne comme la suivante:

gridComplete: function () {
  $('.jqgrow').mouseover(function(e) {
    var rowId = $(this).attr('id');
    console.log('You rolled over ' + rowId);
  });
}

Ma question est comment pouvons-nous récupérer les informations d'une colonne, le nom de la cellule de l'information et du contenu d'une cellule d'information dans un tel cas. Merci à l'avance.

Pouvez-vous poster le code HTML correspondant ou créer un jsFiddle?
Si c'est un travail de violon puis oui, car elle aurait à la fois votre jQuery ET HTML.

OriginalL'auteur biajee | 2012-08-01

Tout d'abord, vous n'avez pas besoin de lier mouseover sur chaque ligne. Il suffit de lier l'événement une fois sur l'ensemble de la grille de corps. Le e paramètre de l'événement a target des biens qui ne sont initialisés à l'objet qui est à l'origine de la mouseover événement. Ainsi, vous pouvez utiliser jQuery.les plus proches pour trouver le <td> et <tr> éléments qui sont dans le contexte actuel. Dans la façon dont vous économiser de la mémoire et d'améliorer un peu les performances de la solution.

La démo montre comment toutes les œuvres de jqGrid. Le code utilisé est

var cm = $grid.jqGrid('getGridParam', 'colModel');
$grid.mouseover(function(e) {
    var $td = $(e.target).closest('td'), $tr = $td.closest('tr.jqgrow'),
        rowId = $tr.attr('id'), ci;
    if (rowId) {
        ci = $.jgrid.getCellIndex($td[0]); //works mostly as $td[0].cellIndex
        if (console) {
            console.log('You rolled over the row with id="' + rowId +
               '" in the column ' + cm[ci].name);
        }
    }
});

La sortie, ce qui sera produit par la démo se présente comme suit

LOG: You rolled over the row with id="10" in the column note 
LOG: You rolled over the row with id="10" in the column ship_via 
LOG: You rolled over the row with id="9" in the column ship_via 
LOG: You rolled over the row with id="8" in the column ship_via 
LOG: You rolled over the row with id="8" in the column total 
LOG: You rolled over the row with id="7" in the column total 
LOG: You rolled over the row with id="7" in the column tax 
LOG: You rolled over the row with id="6" in the column tax 
LOG: You rolled over the row with id="6" in the column amount 
LOG: You rolled over the row with id="5" in the column amount 
LOG: You rolled over the row with id="4" in the column amount 
LOG: You rolled over the row with id="4" in the column invdate 
LOG: You rolled over the row with id="3" in the column invdate 
LOG: You rolled over the row with id="3" in the column name 
LOG: You rolled over the row with id="2" in the column name 
LOG: You rolled over the row with id="1" in the column name

merci Oleg, à cause de vous j'ai encore appris une nouvelle chose..:)
Ce qu'il est. Merci Oleg pour la réponse complète. Je pensais utiliser le cellIndex et revenir à colModel à la requête pour le nom de la colonne, mais ne peut pas obtenir la syntaxe de droit (quelle piètre programmeur!). Aussi, j'ai appris beaucoup de vos autres posts sur jqgrid questions. Merci.
Vous êtes les bienvenus!
Vous êtes les bienvenus! J'ai trouvé votre question tout à fait correct et voté. Je pense que les personnes qui bas-voté votre question n'a tout simplement pas compris la spécificité jqGrid contexte. Par la voie $td.text() ou $grid.jqGrid('getCell', rowId, ci) permettra d'obtenir le contenu des cellules.
Merci pour le contenu de la cellule et aussi merci pour le vote. Mon mal, car à l'origine je ne mets jqgrid dans le tag, mais pas où dans le corps.

OriginalL'auteur Oleg

2

Il n'a rien à voir avec la .jqgrow classe.

Il a à voir avec l'événement, qui sera mis this à la dom element sur lequel l'événement est survenu.

Donc de sens que si c'est le HTML:
```
<div class="jqgrow" data-id="232" id="blabla">Text</div>
```
Puis this sera que HTML sur passage de la souris. Qui vous pouvez faire quelque chose avec vous comme.
```
$('.jqgrow').mouseover(function(e) {
  var id = $(this).attr('id');
  var dataId = $(this).data('id');
  var html = this;
});
```
Merci pour la réponse. Probablement que je suis bête, mais je n'arrive toujours pas à comprendre comment obtenir les informations de cellule de this. Pouvez-vous me donner un exemple? Merci.
Je comprends votre point de départ pour un générique de l'élément html. Cette question est spécifique à jqgrid. Supposons que vous avez des centaines de lignes et nombre de colonnes, et ils sont générées dynamiquement. Comment puis-je attraper le passez la souris sur la cellule?

OriginalL'auteur Rene Pot
1
```
var cm = jQuery("#list1″).jqGrid("getGridParam", "colModel");
var colName = cm[iCol];
```
Source: http://www.trirand.com/blog/?page_id=393/help/get-column-index-name-oncellselect-event-after-column-reorder/

Je pense que dès que l'index de colonne est récupérée, ce qui vous seront utiles.

OriginalL'auteur Alex
1

Modifier

OK, n'est-ce pas, que vous êtes en utilisant jQuery grille de plug-in.

Toutes les colonnes ont un attribut role="gridcell" de sorte que vous pourriez utiliser un attribut de base de sélecteur pour sélectionner toutes les cellules:
```
//untested
$('td[role*="gridcell"]').hover();
```
Première réponse

Cette réponse, c'est plus comme une réponse universelle à ce problème.

Je suis en supposant que vous êtes d'avoir un tableau comme ceci:
```
<table>
        <tr class="jqgrow">
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
</table>
```
Que vous pouvez obtenir de l'information sur les colonnes à l'intérieur de la planait ligne avec:
```
$('.jqgrow').mouseover(function(e) {
    //get all child elements (td, th) in an array
    var cols    = $(this).children();
    console.log('All cols: ' + cols);
    //to retrieve a single column as a jQuery object use '.eq()' - it's like every array redo-indexed 
    console.log('HTML from col 2: ' + cols.eq(1).html());
});
```
Cela fonctionnera également pour toute autre structure comme ceci:
```
<div class="jqrow">
    <div>1</div>
    <div>2</div>
    <div>3</div>
</div>
```
Si vous voulez avoir un passez la souris sur chaque élément enfant de .jqrow vous pouvez le joindre directement aux enfants:
```
$('.jqgrow').children().mouseover(function(e) {
    //gets the current 'column'
    var $this = $(this);
});
```
C'est proche, mais je suis toujours à la réflexion, il convient de mieux jqGrid solution spécifique. L'ajout d'un children() aide vraiment à obtenir le cellIndex.
Argh, n'a pas remarqué que, désolé. La mise à jour de la réponse de l'aide?
Désolé, à l'origine, je ne mets "jqgrid" dans la balise. Pas dans la question du corps. Je vais essayer votre réponse. Merci.

OriginalL'auteur insertusernamehere
0

si vous pouvez obtenir le numéro d'identification de ligne puis son pas difficile d'obtenir des informations de cellule.

var col=$('#grille").jqGrid('getCell',rowId,columnName);

cela permettra de fournir des données pour cette colonne.

OriginalL'auteur Piyush Sardana

Vous devez vous connecter pour publier un commentaire.

Modifier

Première réponse