GridView的几个小技巧

最新推荐文章于 2025-08-13 21:05:35 发布

weixin_34352449

最新推荐文章于 2025-08-13 21:05:35 发布

阅读量59

点赞数

文章标签： javascript ViewUI

本文介绍如何在ASP.NET的GridView中实现自动编号显示，包括内置分页和使用AspNetPager分页控件两种情况，并提供了使行在鼠标悬停时改变颜色及添加删除确认对话框的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

GridView 下增加自动编号列

此处是用GridView自带分页

<asp:TemplateField HeaderText="序号">

<%# this.GridView1.PageIndex * this.GridView1.PageSize + Container.DataItemIndex + 1%>

</ItemTemplate>

</asp:TemplateField>

下面是用AspNetPager分页控件的情况:

<asp:TemplateField HeaderText="序号">

<%# (this.Pager1.CurrentPageIndex - 1) * this.Pager1.PageSize + Container.DataItemIndex + 1%>

</ItemTemplate>

</asp:TemplateField>

       其它情况举一反三了！

     GridView 增加删除确认以及鼠标划过行变色

  protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        //如果是绑定数据行
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            //鼠标经过时，行背景色变
            e.Row.Attributes.Add("onmouseover", "this.style.backgroundColor='#E6F5FA'");
            //鼠标移出时，行背景色变
            e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor='#FFFFFF'");

            //当有编辑列时，避免出错，要加的RowState判断
            if (e.Row.RowState == DataControlRowState.Normal || e.Row.RowState == DataControlRowState.Alternate)
            {
               ((LinkButton)e.Row.Cells[4].Controls[0]).Attributes.Add("onclick", "javascript:return confirm('你确认要删除：\"" + e.Row.Cells[2].Text + "\"吗?')");
            }
        }

    }