jqgrid Changer le pointeur en main

Question

Je veux changer le pointeur lorsque je passe la souris sur les lignes de jqgrid Y a-t-il une API pour ça?

Answer 1

Utilisez un formateur personnalisé sur n'importe quelle cellule de la grille. Pour plus d'informations à ce sujet, voir http://www.trirand.com/jqgridwiki/doku.php?id=wiki:custom_formatter

Voici comment je l'ai fait. Je voulais que la première colonne de ma grille apparaisse comme s'il s'agissait d'un lien cliquable (mais en réalité elle déclenche un événement jqgrid personnalisé, onCellSelect).

Snippet de mon objet réseau:

colModel :[ 
{name:'ticket', index:'IMINDT', width:125, formatter: pointercursor}, 

pointercursor est un nom de fonction. Le code se définit comme ceci:

// Custom formatter for a cell in a jqgrid row. 
function pointercursor(cellvalue, options, rowObject) 
{ 
var new_formatted_cellvalue = '<span class="pointer">' + cellvalue + '</span>'; 
return new_formatted_cellvalue; 
} 

Ma classe CSS de "pointeur" est:

.pointer { 
cursor: pointer; 
text-decoration: underline; 
}  

Ca y est!

Answer 2

Il me semble que vous n'avez pas une question jqgrid, mais une simple question CSS ou javascript. Regardez How to get cursor to change before mouse moves when changing the cursor style dynamically par exemple. Il montre comment on peut changer curseur style d'un élément html. Voir aussi dans http://www.quirksmode.org/css/cursor.html, cette 'main' n'est pas supportée dans tous les navigateurs.

Answer 3

Cela peut se faire plus facilement en utilisant les classes colModel propriété comme ci-dessous:

{ name: 'Email', index: 'Email', classes: 'pointer' } 

Du wiki:

Cette option permet d'ajouter des classes à la colonne. Si plus d'une classe sera utilisée, un espace doit être défini. Par exemples de classes: 'class1 class2' définira class1 et class2 dans chaque cellule de cette colonne. Dans la grille css, il existe une classe ui-ellipse prédéfinie qui permet d'attacher des ellipses à une ligne particulière. Cela fonctionnera aussi dans FireFox.

Answer 4

Je viens d'ajouter ceci dans mon fichier css

#mygrid .jqgrow{ 
    cursor:pointer; 
} 

Answer 5

dans le fichier css mis ceci:

.ui-jqgrid .ui-jqgrid-btable { cursor : pointer; }