如何設(shè)置C1GridView選擇行頭圖片
選擇是C1GridView最基本的操作之一,選擇時C1GridView會自動將選擇行高亮突出顯示效果。但是,有用戶向我們詢問如何更加突出選擇效果。例如在行頭中顯示“>>”等符號,本篇文章中我們就將闡述
選擇是C1GridView最基本的操作之一,選擇時C1GridView會自動將選擇行高亮突出顯示效果。但是,有用戶向我們詢問如何更加突出選擇效果。例如在行頭中顯示“>>”等符號,本篇文章中我們就將闡述如何設(shè)置選擇行頭的圖片。以下是我們將要實現(xiàn)的效果:
捕捉選擇行事件
要在行頭中添加圖片,我們首先需要從OnClientSelectionChanged事件中獲取選擇行的索引。代碼如下:
var rowIndex _newSelectedRowIndex();
在這個例子中,我們使用了一個名為rowIndex的變量來存儲選擇行的索引。
向行頭插入圖片
使用jQuery選擇器,我們可以獲取特定索引的行。在下面的代碼中,我們在行頭中插入了一個名為的圖片作為選擇行的標識:
$('tr:eq(' rowIndex ') td:first').prepend('');
這段代碼將在選擇行的行頭前插入一個圖片。
移除行頭圖片
當行取消選擇后,我們需要移除行頭圖片。代碼如下:
$('tr:eq(' removedRowIndex ') td:first').find('img').remove();
這段代碼會找到被取消選擇的行,并移除其行頭上的圖片。
通過以上的步驟,我們可以實現(xiàn)在C1GridView的選擇行頭顯示自定義圖片的效果。