通过 JavaScript 在 SetFocusedRowIndex(-1) 之后更改 DevExpress GridView 行背景颜色答案

【问题标题】：Change DevExpress GridView row back color after SetFocusedRowIndex(-1) by JavaScript通过 JavaScript 在 SetFocusedRowIndex(-1) 之后更改 DevExpress GridView 行背景颜色
【发布时间】：2013-06-12 04:41:52
【问题描述】：

我的ASPxGridView 中有一个由JavaScipt 为FocusedRowChanged 提供的客户端功能。在这个函数中，我将gvMore.GetFocusedRowIndex() 发布到我的CallBackPanel PerformCallback。我将FocusedRowIndex 保存到 ri 变量（var ri = gvMore.GetFocusedRowIndex();）然后我删除行的焦点（gvMore.SetFocusedRowIndex(-1);）现在如何在SetFocusedRowIndex(-1); 之后更改GridView row[ri] 颜色？

function OnGridFocusedRowChanged() {
    if (gvMore.GetFocusedRowIndex() > -1)
        CallBackPanel_FindPlcyCar.PerformCallback(gvMore.GetFocusedRowIndex());
    var ri = gvMore.GetFocusedRowIndex();
    gvMore.SetFocusedRowIndex(-1);
 // *???*
}

???行需要什么JavaScript代码？

请在这里回答，不要将我重定向到另一个链接。

非常感谢

【问题讨论】：

你试过了吗？结果如何？

标签： javascript asp.net gridview devexpress client-side-scripting

【解决方案1】：

你可以使用

OnHtmlRowPrepared="gvMore_HtmlRowPrepared"

在aspx文件的ASPxGridview标签处，在cs文件上实现如下：

public protected gvMore_HtmlRowPrepared(object sender, ASPxGridViewTableRowEventArgs e)
{
    e.Row.Attributes.Add("id",e.Row.RowIndex.ToString());
}

然后，您可以在客户端更改 // ??? 部分与

document.getElementById(ri).style.Background = "#122334"

或您可能想要的任何其他颜色。我还没有执行代码，可能会有更多的来龙去脉，但这就是它的要点。

【讨论】：

最后我使用了allowrowselect而不是allowrowfocus。和 RowClick 客户端事件。

【解决方案2】：

最后我使用了allowrowselect 而不是allowrowfocus。和 RowClick 客户端事件。以及 RowClick 客户端事件中的 e.visibleIndex。 allowrowselect 改变背景颜色本身。

【讨论】：