如何设置C1GridView选择行头图片

选择是C1GridView最基本的操作之一，选择时C1GridView会自动将选择行高亮突出显示效果。但是，有用户向我们询问如何更加突出选择效果。例如在行头中显示“>>”等符号，本篇文章中我们就将阐述如何设置选择行头的图片。以下是我们将要实现的效果：

捕捉选择行事件

要在行头中添加图片，我们首先需要从OnClientSelectionChanged事件中获取选择行的索引。代码如下：

var rowIndex  _newSelectedRowIndex();

在这个例子中，我们使用了一个名为rowIndex的变量来存储选择行的索引。

向行头插入图片

使用jQuery选择器，我们可以获取特定索引的行。在下面的代码中，我们在行头中插入了一个名为的图片作为选择行的标识：

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

这段代码将在选择行的行头前插入一个图片。

移除行头图片

当行取消选择后，我们需要移除行头图片。代码如下：

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

这段代码会找到被取消选择的行，并移除其行头上的图片。

通过以上的步骤，我们可以实现在C1GridView的选择行头显示自定义图片的效果。

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。