jqgrid cambiar el puntero a la mano

Question

Quiero cambiar el puntero a la mano cuando se pasa sobre las filas de jqgrid ¿Hay una API para eso?

Answer 1

Utilice un formateador personalizado en cualquier celda de la cuadrícula. Para obtener más información al respecto, consulte http://www.trirand.com/jqgridwiki/doku.php?id=wiki:custom_formatter

Así es como lo hice. Quería que la primera columna en mi grilla apareciera como si fuera un enlace clicable (pero realmente desencadena un evento jqgrid personalizado, onCellSelect).

de fragmentos de mi objeto de la cuadrícula:

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

pointercursor es un nombre de función. El código para ello se define así: Clase

// 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; 
} 

Mi CSS de "puntero" es:

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

eso es todo!

Answer 2

Me parece que no tiene una pregunta jqgrid, sino una pregunta pura de CSS o javascript. Mira How to get cursor to change before mouse moves when changing the cursor style dynamically por ejemplo. Muestra cómo se puede cambiar cursor estilo de un elemento html. Ver también en http://www.quirksmode.org/css/cursor.html, que 'hand' es compatible no en todos los navegadores.

Answer 3

Esto se puede hacer más fácilmente utilizando las clases colModel propiedad de la siguiente manera:

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

Desde el wiki:

Esta opción permite añadir clases a la columna. Si se usará más de una clase, se debe establecer un espacio. Por clases de ejemplo: 'class1 class2' establecerá una clase1 y una clase2 en cada celda de esa columna. En la cuadrícula css hay una elipsis ui de clase predefinida que permite unir puntos suspensivos a una fila en particular. También esto funcionará en Firefox también.

Answer 4

Acabo de añadir esto en mi archivo css

#mygrid .jqgrow{ 
    cursor:pointer; 
} 

Answer 5

en el archivo css poner esto:

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