jqgrid更改指针

时间:2010-04-20 11:21:49

标签: jqgrid

当我将鼠标悬停在jqgrid的行上时,我想将指针更改为hand 是否有API?

5 个答案:

答案 0 :(得分:16)

使用类colModel属性可以更轻松地完成此操作,如下所示:

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

来自维基:

此选项允许向列添加类。如果将使用多个类,则应设置空格。通过示例类:'class1 class2'将class1和class2设置为该列上的每个单元格。在网格css中有一个预定义的类ui省略号,它允许将省略号附加到特定行。这也适用于FireFox。

答案 1 :(得分:5)

我只是将它添加到我的css文件中

#mygrid .jqgrow{
    cursor:pointer;
}

答案 2 :(得分:1)

在网格中的任何单元格上使用自定义格式化程序。有关这些的更多信息,请参阅http://www.trirand.com/jqgridwiki/doku.php?id=wiki:custom_formatter

我是这样做的。我希望我的网格中的第一列看起来像是一个可点击的链接(但实际上它触发了一个自定义的jqgrid事件,onCellSelect)。

我的网格对象的片段:

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

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

就是这样!

答案 3 :(得分:1)

在css文件中输入:

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

答案 4 :(得分:0)

在我看来,你没有jqgrid问题,但纯CSS或javascript问题。以How to get cursor to change before mouse moves when changing the cursor style dynamically为例。它显示了如何更改html元素的光标样式。另请参阅http://www.quirksmode.org/css/cursor.html,并非所有浏览器都支持'hand'。