gridview 行选添加颜色和事件

下面是详细讲解“gridview 行选添加颜色和事件”的攻略：

1. 前置条件

在使用 GridView 行选添加颜色和事件之前确认以下条件：

• GridView 控件应该已经被正确地绑定到数据源。
• GridView 控件应该已经在页面中被正确地声明，并且属性设置正确。

2. 行选添加颜色

要为 GridView 控件的行添加颜色，可以通过以下方式实现：

2.1 使用 CssClass

可以通过在 GridView 控件中定义 CssClass 属性，然后在新建的 CSS 样式表中对应的 CSS 选择器中设置行的背景颜色来实现。

示例代码：

<asp:GridView ID="GridView1" runat="server" CssClass="table">
</asp:GridView>

.table tr:nth-child(odd) {
  background-color: #f2f2f2;
}

2.2 使用 RowDataBound 事件

还可以通过 RowDataBound 事件为 GridView 控件的行添加颜色。在 RowDataBound 事件中，可以判断当前行是奇数行还是偶数行，然后为它们分别设置不同的背景颜色。

示例代码：

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow && e.Row.RowIndex % 2 == 0)
    {
        e.Row.BackColor = Color.LightGray;
    }
}

3. 行选添加事件

要为 GridView 控件的行添加事件，可以通过以下方式实现：

3.1 使用 RowDataBound 事件

可以在 RowDataBound 事件中为每一行添加事件，例如点击行时跳转到对应的详情页面。在这个事件中，我们可以通过 e.Row.Attributes.Add("onclick", "location.href='detail.aspx?id=" + id + "'"); 的方式为行添加 onclick 事件。

示例代码：

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        string id = GridView1.DataKeys[e.Row.RowIndex].Value.ToString();
        e.Row.Attributes.Add("onclick", "location.href='detail.aspx?id=" + id + "'");
    }
}

3.2 使用继承 GridView 的子类

我们也可以使用继承自 GridView 的子类，重写 OnSelectedIndexChanged 事件（或者 OnRowCommand 事件），从而获得行选的事件响应。

示例代码：

public class MyGridView : GridView
{
    protected override void OnSelectedIndexChanged(EventArgs e)
    {
        base.OnSelectedIndexChanged(e);
        string id = SelectedDataKey.Value.ToString();
        Response.Redirect("detail.aspx?id=" + id);
    }
}

其中，利用 SelectedDataKey 属性获得选中行的数据，然后跳转到详情页面。在页面中使用这个继承自 GridView 的子类就行了。

示例代码：

<custom:MyGridView ID="GridView1" runat="server" AutoGenerateColumns="False">
    <Columns>
        <asp:BoundField DataField="ID" HeaderText="ID"/>
        <asp:BoundField DataField="Name" HeaderText="Name"/>
    </Columns>
</custom:MyGridView>

以上就是“gridview 行选添加颜色和事件”的详细攻略，希望对你有所帮助。