jqgrid更改指針

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

這就是它！

來源

2010-06-18 22:51:15 fbloggs

+3

我不添加跨度的一個巨大的風扇，因爲它實際上是修改onCellSelect的行爲。如果你點擊'span'內容，它不會觸發onCellSelect事件。請參閱Woggles的解答作爲可能的解決方法。 – Mike 2011-07-13 21:18:13

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，「手」在所有瀏覽器中都不受支持。

來源

2010-04-20 23:42:29 Oleg

16

這可以更容易地使用這些類來完成colModel屬性如下：

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

從維基：

該選項允許類添加到列。如果使用多個類，則應設置空格。通過示例類：'class1 class2'將爲該列上的每個單元格設置class1和class2。在網格CSS中有一個預定義的類ui-ellipsis，它允許將省略號附加到特定的行。此外，這也可以在FireFox中使用。

來源

2011-01-25 14:03:40 woggles

5

我只是在CSS文件添加到我的CSS文件

#mygrid .jqgrow{ 
    cursor:pointer; 
}

來源

2011-03-18 07:42:44 Quincy

+0

謝謝，這個解決方案爲所有列添加指針。 – 2012-02-21 21:55:01

1

這個把這個：

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

來源

2013-02-28 16:33:44

jqgrid更改指針

回答

相關問題