選擇是C1GridView最基本的操作之一，選擇時(shí)C1GridView會(huì)自動(dòng)將選擇行高亮突出顯示效果。但是，有用戶向我們?cè)儐?wèn)如何更加突出選擇效果。例如在行頭中顯示“>>”等符號(hào)，本篇文章中我們就將闡述

選擇是C1GridView最基本的操作之一，選擇時(shí)C1GridView會(huì)自動(dòng)將選擇行高亮突出顯示效果。但是，有用戶向我們?cè)儐?wèn)如何更加突出選擇效果。例如在行頭中顯示“>>”等符號(hào)，本篇文章中我們就將闡述如何設(shè)置選擇行頭的圖片。以下是我們將要實(shí)現(xiàn)的效果：

捕捉選擇行事件

要在行頭中添加圖片，我們首先需要從OnClientSelectionChanged事件中獲取選擇行的索引。代碼如下：

var rowIndex  _newSelectedRowIndex();

在這個(gè)例子中，我們使用了一個(gè)名為rowIndex的變量來(lái)存儲(chǔ)選擇行的索引。

向行頭插入圖片

使用jQuery選擇器，我們可以獲取特定索引的行。在下面的代碼中，我們?cè)谛蓄^中插入了一個(gè)名為的圖片作為選擇行的標(biāo)識(shí)：

$('tr:eq(' rowIndex ') td:first').prepend('');

這段代碼將在選擇行的行頭前插入一個(gè)圖片。

移除行頭圖片

當(dāng)行取消選擇后，我們需要移除行頭圖片。代碼如下：

$('tr:eq(' removedRowIndex ') td:first').find('img').remove();

這段代碼會(huì)找到被取消選擇的行，并移除其行頭上的圖片。

通過(guò)以上的步驟，我們可以實(shí)現(xiàn)在C1GridView的選擇行頭顯示自定義圖片的效果。