当前位置:编程学习 > C#/ASP.NET >>

GridView 72般绝技

快速预览:
GridView无代码分页排序
GridView选中,编辑,取消,删除
GridView正反双向排序
GridView和下拉菜单DropDownList结合
GridView和CheckBox结合
鼠标移到GridView某一行时改变该行的背景色方法一
鼠标移到GridView某一行时改变该行的背景色方法二
GridView实现删除时弹出确认对话框
GridView实现自动编号
GridView实现自定义时间货币等字符串格式
GridView实现用“...”代替超长字符串
GridView一般换行与强制换行
GridView显示隐藏某一列
GridView弹出新页面/弹出新窗口
GridView固定表头(不用javascript只用CSS,2行代码,很好用)
GridView合并表头多重表头无错完美版(以合并3列3行举例)
GridView突出显示某一单元格(例如金额低于多少,分数不及格等)
GridView加入自动求和求平均值小计
GridView数据导入Excel/Excel数据读入GridView

1.GridView无代码分页排序:

效果图:

1.AllowSorting设为True,aspx代码中是AllowSorting="True";
2.默认1页10条,如果要修改每页条数,修改PageSize即可,在aspx代码中是PageSize="12"。
3.默认的是单向排序的,右击GridView弹出“属性”,选择AllowSorting为True即可。


2.GridView选中,编辑,取消,删除:

效果图:

后台代码:
你可以使用sqlhelper,本文没用。代码如下:
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;

public partial class _Default : System.Web.UI.Page
{

//清清月儿http://blog.csdn.net/21aspnet 
    SqlConnection sqlcon;
    SqlCommand sqlcom;
    string strCon = "Data Source=(local);Database=数据库名;Uid=帐号;Pwd=密码";
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            bind();
        }
    }
    protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e)
    {
        GridView1.EditIndex = e.NewEditIndex;
        bind();
    }

//删除
    protected void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e)
    {
        string sqlstr = "delete from 表 where id='" + GridView1.DataKeys[e.RowIndex].Value.ToString() + "'";
        sqlcon = new SqlConnection(strCon);
        sqlcom = new SqlCommand(sqlstr,sqlcon);
        sqlcon.Open();
        sqlcom.ExecuteNonQuery();
        sqlcon.Close();
        bind();
    }

//更新
    protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)
    {
        sqlcon = new SqlConnection(strCon);
        string sqlstr = "update 表 set 字段1='"
            + ((TextBox)(GridView1.Rows[e.RowIndex].Cells[1].Controls[0])).Text.ToString().Trim() + "',字段2='"
            + ((TextBox)(GridView1.Rows[e.RowIndex].Cells[2].Controls[0])).Text.ToString().Trim() + "',字段3='"
            + ((TextBox)(GridView1.Rows[e.RowIndex].Cells[3].Controls[0])).Text.ToString().Trim() + "' where id='"
            + GridView1.DataKeys[e.RowIndex].Value.ToString() + "'";
        sqlcom=new SqlCommand(sqlstr,sqlcon);
        sqlcon.Open();
        sqlcom.ExecuteNonQuery();
        sqlcon.Close();
        GridView1.EditIndex = -1;
        bind();
    }

//取消
    protected void GridView1_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e)
    {
        GridView1.EditIndex = -1;
        bind();
    }

//绑定
    public void bind()
    {
        string sqlstr = "select * from 表";
        sqlcon = new SqlConnection(strCon);
        SqlDataAdapter myda = new SqlDataAdapter(sqlstr, sqlcon);
        DataSet myds = new DataSet();
        sqlcon.Open();
        myda.Fill(myds, "表");
        GridView1.DataSource = myds;
        GridView1.DataKeyNames = new string[] { "id" };//主键
        GridView1.DataBind();
        sqlcon.Close();
    }
}

前台主要代码:
                            ... ...
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CellPadding="4"
                        ForeColor="#333333" GridLines="None" OnRowDeleting="GridView1_RowDeleting" OnRowEditing="GridView1_RowEditing"
                        OnRowUpdating="GridView1_RowUpdating" OnRowCancelingEdit="GridView1_RowCancelingEdit">
                        <FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
                        <Columns>
                            <asp:BoundField DataField="身份证号码" HeaderText="用户ID" ReadOnly="True" />
                            <asp:BoundField DataField="姓名" HeaderText="用户姓名" />
                            <asp:BoundField DataField="员工性别" HeaderText="性别" />
                            <asp:BoundField DataField="家庭住址" HeaderText="家庭住址" />
                            <asp:CommandField HeaderText="选择" ShowSelectButton="True" />
                            <asp:CommandField HeaderText="编辑" ShowEditButton="True" />
                            <asp:CommandField HeaderText="删除" ShowDeleteButton="True" />
                        </Columns>
                        <RowStyle ForeColor="#000066" />
                        <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
                        <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />
                        <HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" />
                    </asp:GridView>


3.GridView正反双向排序:
效果图:点姓名各2次的排序,点其他也一样可以。

后台代码:
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
public partial class Default3 : System.Web.UI.Page
{

//清清月儿的博客http://blog.csdn.net/21aspnet 
    SqlConnection sqlcon;
    string strCon = "Data Source=(local);Database=北风贸易;Uid=sa;Pwd=";
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            ViewState["SortOrder"] = "身份证号码";
            ViewState["OrderDire"] = "ASC";
            bind();
        }
    }
    protected void GridView1_Sorting(object sender, GridViewSortEventArgs e)
    {
        string sPage = e.SortExpression;
        if (ViewState["SortOrder"].ToString() == sPage)
        {
            if (ViewState["OrderDire"].ToString() == "Desc")
                ViewState["OrderDire"] = "ASC";
            else
                ViewState["OrderDire"] = "Desc";
        }
        else
        {
            ViewState["SortOrder"] = e.SortExpression;
        }
        bind();
    }

    public void bind()
    {
       
        string sqlstr = "select top 5 * from 飞狐工作室";
        sqlcon = new SqlConnection(strCon);
        SqlDataAdapter myda = new SqlDataAdapter(sqlstr, sqlcon);
        DataSet myds = new DataSet();
        sqlcon.Open();
        myda.Fill(myds, "飞狐工作室");
        DataView view = myds.Tables["飞狐工作室"].DefaultView;
        string sort = (string)ViewState["SortOrder"] + " " + (string)ViewState["OrderDire"];
        view.Sort = sort;
        GridView1.DataSource = view;
        GridView1.DataBind();
        sqlcon.Close();
    }
}

前台主要代码:
<asp:GridView ID="GridView1" runat="server" AllowSorting="True" AutoGenerateColumns="False"
                        CellPadding="3" Font-Size="9pt" OnSorting="GridView1_Sorting" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px">
                        <FooterStyle BackColor="White" ForeColor="#000066" />
                        <Columns>
                             <asp:BoundField DataField="身份证号码" HeaderText="用户ID" SortExpression="身份证号码" />
                            <asp:BoundField DataField="姓名" HeaderText="用户姓名" SortExpression="姓名"/>
                            <asp:BoundField DataField="员工性别" HeaderText="性别" SortExpression="员工性别"/>
                            <asp:BoundField DataField="家庭住址" HeaderText="家庭住址" SortExpression="家庭住址"/>
                               
                        </Columns>
                        <RowStyle ForeColor="#000066" />
                        <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
                        <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />
                        <HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" />
                    </asp:GridView>

 

--------------------编程问答-------------------- 学习了 --------------------编程问答-------------------- 原帖地址:
http://blog.csdn.net/21aspnet/archive/2007/03/25/1540301.aspx
好久之前就被我网摘的东西 --------------------编程问答-------------------- 拜读了 --------------------编程问答-------------------- 没有用gridview的习惯 --------------------编程问答-------------------- //清清月儿的博客http://blog.csdn.net/21aspnet  --------------------编程问答-------------------- 学习了 --------------------编程问答-------------------- 有后台代码的吗 --------------------编程问答-------------------- 老贴了。不过还是要顶下。 --------------------编程问答-------------------- 以前没有注意。学习中。。。。。。。。。。。。。。。。 --------------------编程问答-------------------- 嗯。。好样的。。 --------------------编程问答-------------------- 看国了。有个文档!但是没72个 --------------------编程问答-------------------- 能 活用 才是 关键 --------------------编程问答-------------------- 学习下 --------------------编程问答-------------------- 这个.网上一堆的哦... --------------------编程问答-------------------- 已经不用那个了 现在直接用table或者repeater --------------------编程问答-------------------- 来了  回复下 --------------------编程问答-------------------- 收藏。 --------------------编程问答-------------------- “回复内容太短了”  没有了。。 --------------------编程问答-------------------- mark --------------------编程问答-------------------- 老贴了。老贴了。老贴了。老贴了。老贴了。 --------------------编程问答-------------------- 为什么是gridview 不是repeater 。 --------------------编程问答-------------------- 哎,怎么还有人用这个巨无霸,呵呵。 --------------------编程问答-------------------- --------------------编程问答-------------------- 拜读,好好学习啊!!! --------------------编程问答-------------------- 虽然是老帖了,不过对于我这个菜鸟级别的来说还是新帖。呵呵!学习了。 --------------------编程问答-------------------- 还绝技呢?。。。。 --------------------编程问答-------------------- 学习中、顶下 --------------------编程问答-------------------- 偷得把 --------------------编程问答--------------------
引用 28 楼 sunken_001 的回复:
偷得把


看lz的dy劲,老套了。

一般人都不用GridView了 --------------------编程问答--------------------
引用 29 楼 mngzilin 的回复:
引用 28 楼 sunken_001 的回复:
偷得把


看lz的dy劲,老套了。

一般人都不用GridView了
那用什么呢?
看看这个嵌套的gridview的例子吧,也不错
http://www.codeproject.com/KB/webforms/EditNestedGridView.aspx --------------------编程问答-------------------- 顶下~~~ --------------------编程问答-------------------- 收藏。虽然用过了,但是还需要学习啊! --------------------编程问答-------------------- --------------------编程问答-------------------- 顶。很好很强大 --------------------编程问答-------------------- 虽然是老帖了,不过对于我这个菜鸟级别的来说还是新帖。呵呵!学习了。
--------------------编程问答-------------------- 老贴子了
--------------------编程问答-------------------- 学习了.... --------------------编程问答-------------------- 绝对顶,自定义的GRIDVIEW,收敞 --------------------编程问答--------------------
引用 35 楼 wxw0524 的回复:
虽然是老帖了,不过对于我这个菜鸟级别的来说还是新帖。呵呵!学习了。



顶啊,学习啊!! --------------------编程问答-------------------- 实用就好... --------------------编程问答-------------------- 顶。。。 --------------------编程问答-------------------- GridView好久不用了···· --------------------编程问答-------------------- IT自学网 http://www.zixueit.com/forum-29-1.html

里面含有大量微软的.net视频教程,相信能够对.net爱好者有帮助! --------------------编程问答-------------------- 感觉很有用 --------------------编程问答-------------------- 百度一下 就有了。。 --------------------编程问答-------------------- 看过了,不过还是要顶一个! --------------------编程问答-------------------- 很早就学习了 --------------------编程问答-------------------- 学习了。。帮你顶一下。。。 --------------------编程问答-------------------- 哦哦 不用GRIDVIEW --------------------编程问答-------------------- 虽是老贴,但很实用,学习了。 --------------------编程问答-------------------- 留名占位,对GRIDVIEW没头绪呢 --------------------编程问答--------------------
引用 30 楼 billguo2000 的回复:
引用 29 楼 mngzilin 的回复:

引用 28 楼 sunken_001 的回复:
偷得把


看lz的dy劲,老套了。

一般人都不用GridView了
那用什么呢?
看看这个嵌套的gridview的例子吧,也不错
http://www.codeproject.com/KB/webforms/EditNestedGridView.aspx


它真的不好用... 好久没用过了   --------------------编程问答-------------------- 真正在公司开发,没有多少用GridView的机会 --------------------编程问答-------------------- --------------------编程问答-------------------- 来跟我们分享就不错
顶起! --------------------编程问答-------------------- 这个gridview,,害人的东西,用repeater 跟sql语句重写一个控件还好 --------------------编程问答-------------------- 好 学习了 --------------------编程问答-------------------- 没用过gridview --------------------编程问答-------------------- 恩,感觉蛮有用的。我是初学者,还有很多要慢慢看。 --------------------编程问答-------------------- 学习了,谢谢楼主!! --------------------编程问答-------------------- --------------------编程问答-------------------- --------------------编程问答-------------------- --------------------编程问答-------------------- --------------------编程问答-------------------- --------------------编程问答-------------------- ``````````怎样啊  ,2010年得帖子 --------------------编程问答-------------------- --------------------编程问答-------------------- --------------------编程问答-------------------- 早看过了,不过作者清清月儿已经出书了,有一个章节将的就是GridView的使用。 --------------------编程问答-------------------- 顶。。算是拜读过了 --------------------编程问答-------------------- --------------------编程问答-------------------- 害人的东西啊  --------------------编程问答-------------------- --------------------编程问答-------------------- 表示不用GridView。。。 --------------------编程问答-------------------- 现在正在学习中,谢谢,学习了很多 --------------------编程问答--------------------
引用 20 楼 kingboy2008 的回复:
老贴了。老贴了。老贴了。老贴了。老贴了。
多早以前的了。。 --------------------编程问答-------------------- 随着你对 HTML、CSS 和 JS 的熟悉,你慢慢就会觉得 GridView 臃肿难用,并且经常难以达到你想要的效果,然后你就会觉得 Repeater 越来越好用,慢慢你就会连你都想不起来上一次用 GridView 是什么时候了。 --------------------编程问答-------------------- --------------------编程问答--------------------

        
--------------------编程问答--------------------

            
        
补充:.NET技术 ,  ASP.NET
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,