asp.net下让Gridview鼠标滑过光棒变色效果

下面是“asp.net下让Gridview鼠标滑过光棒变色效果”的完整攻略：

1. 添加样式表

首先，我们需要在页面中添加一个样式表，用来定义鼠标滑过时的样式：

<style>
    .gridview-highlight:hover {
        background-color: #f2f2f2;
    }
</style>

这是一个简单的样式表，将鼠标滑过Gridview中的行时的背景颜色设置为浅灰色。

2. 给Gridview添加CSS类

接下来，我们需要为Gridview中的行添加CSS类，以便应用上一步定义的样式。这可以通过在Gridview的RowCreated事件中添加以下代码来实现：

protected void GridView1_RowCreated(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        e.Row.CssClass = "gridview-highlight";
    }
}

以上代码的意思是：当Gridview的行类型是“数据行”时，为该行添加“gridview-highlight”CSS类。

示例演示

下面我们通过两个简单的示例来演示如何实现该效果。

示例一：在页面中添加Gridview控件

在页面中添加一个Gridview控件，并设置它的数据源和绑定方式：

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
    DataSourceID="SqlDataSource1" OnRowCreated="GridView1_RowCreated">
    <Columns>
        <asp:BoundField DataField="CustomerID" HeaderText="CustomerID" 
            SortExpression="CustomerID" />
        <asp:BoundField DataField="CompanyName" HeaderText="CompanyName" 
            SortExpression="CompanyName" />
        <asp:BoundField DataField="ContactName" HeaderText="ContactName" 
            SortExpression="ContactName" />
    </Columns>
</asp:GridView>

<asp:SqlDataSource ID="SqlDataSource1" runat="server" 
    ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>" 
    SelectCommand="SELECT TOP 10 CustomerID, CompanyName, ContactName FROM Customers">
</asp:SqlDataSource>

在以上代码中，我们将Gridview的OnRowCreated事件与之前定义的方法GridView1_RowCreated关联起来，以便在Gridview的行被创建时添加CSS类。

示例二：在代码中手动添加Gridview控件

在代码中手动创建Gridview控件，并设置它的数据源和绑定方式：

protected void Page_Load(object sender, EventArgs e)
{
    // 手动创建Gridview控件
    var gridView = new GridView();
    gridView.ID = "DynamicGridView";
    gridView.AutoGenerateColumns = false;
    gridView.DataSourceID = "SqlDataSource2";

    // 手动创建列
    var customerIDColumn = new BoundField();
    customerIDColumn.DataField = "CustomerID";
    customerIDColumn.HeaderText = "CustomerID";
    customerIDColumn.SortExpression = "CustomerID";

    var companyNameColumn = new BoundField();
    companyNameColumn.DataField = "CompanyName";
    companyNameColumn.HeaderText = "CompanyName";
    companyNameColumn.SortExpression = "CompanyName";

    var contactNameColumn = new BoundField();
    contactNameColumn.DataField = "ContactName";
    contactNameColumn.HeaderText = "ContactName";
    contactNameColumn.SortExpression = "ContactName";

    // 将列添加到Gridview控件中
    gridView.Columns.Add(customerIDColumn);
    gridView.Columns.Add(companyNameColumn);
    gridView.Columns.Add(contactNameColumn);

    // 将Gridview控件添加到页面中
    this.Controls.Add(gridView);

    // 手动创建SqlDataSource
    var sqlDataSource = new SqlDataSource();
    sqlDataSource.ID = "SqlDataSource2";
    sqlDataSource.ConnectionString = ConfigurationManager.ConnectionStrings["NorthwindConnectionString"].ConnectionString;
    sqlDataSource.SelectCommand = "SELECT TOP 10 CustomerID, CompanyName, ContactName FROM Customers";

    // 将SqlDataSource添加到页面中
    this.Controls.Add(sqlDataSource);
}

同样地，我们将Gridview的OnRowCreated事件与之前定义的方法GridView1_RowCreated关联起来，以便在Gridview的行被创建时添加CSS类。

注意：在手动创建Gridview控件的时候，需要将控件添加到页面中，以便它能够显示出来。同时，需要手动创建并添加数据源，以便Gridview能够获取数据。

以上就是实现“asp.net下让Gridview鼠标滑过光棒变色效果”的完整攻略。希望对你有所帮助！