jqgrid изменить указатель на руку

Question

Я хочу изменить указатель на руку при наведении курсора на строки jqgrid Есть ли для этого API?

Answer 1

Это можно сделать проще, используя свойство классов colModel, как показано ниже:

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

Из вики:

Эта опция позволяет добавлять классы в столбец. Если будет использоваться более одного класса, следует установить пробел. Например, классы: 'class1 class2' установит class1 и class2 для каждой ячейки в этом столбце. В сетке CSS есть предопределенный класс ui-ellipsis, который позволяет прикрепить многоточие к определенной строке. Также это будет работать и в FireFox.

Answer 2

Я просто добавляю это в мой CSS-файл

#mygrid .jqgrow{
    cursor:pointer;
}

Answer 3

в css файле поместите это:

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

Answer 4

Используйте пользовательский форматер в любой ячейке сетки. Подробнее об этом см. http://www.trirand.com/jqgridwiki/doku.php?id=wiki:custom_formatter

Вот как я это сделал. Я хотел, чтобы первый столбец в моей сетке отображался как ссылка, по которой можно щелкнуть мышью (но на самом деле она вызывает пользовательское событие jqgrid, onCellSelect).

Фрагмент моего объекта сетки:

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

Указатель курсора - это имя функции. Код для него определяется следующим образом:

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

Мой CSS-класс "указателя":

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

Вот и все!

Answer 5

Мне кажется, что у вас есть не вопрос jqgrid, а вопрос о чистом CSS или javascript.Посмотрите на Как заставить курсор изменяться до перемещения мыши, например, при динамическом изменении стиля курсора .Он показывает, как можно изменить курсор стиль HTML-элемента.См. Также в http://www.quirksmode.org/css/cursor.html,, что «рука» поддерживается не во всех браузерах.