关于GridView中自定义分页、单选、多选、排序、自增列的简单应用

最新推荐文章于 2019-07-24 23:35:31 发布
最新推荐文章于 2019-07-24 23:35:31 发布
阅读量672 收藏
点赞数
分类专栏： .NET常用控件 文章标签： asp button server object sorting dataset

    多选时，只有全部选中时“多选”才选中。

    图片效果：

 

     简单示例，代码如下，
    fenpage.aspx的代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="fenpage.aspx.cs" Inherits="TestWebApp.fenpage" %>

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

    <title></title>

 

    <script language="javascript" type="text/javascript">

        // 判断多选是否与选中项（没有选中的返回false）

        function slcNo_click() {

            if (document.form1.checkboxname.length) {

                for (var i = 0; i < document.form1.checkboxname.length; i++) {

                    if (document.form1.checkboxname[i].checked) {

                        return true;

                    }

                }

            }

            else {

                if (document.form1.checkboxname.checked) {

                    return true;

                }

            }

            alert("请选择后再操作！");

            return false;

        }

 

        // 鼠标经过改变行的颜色

        if (!objbeforeItem) {

            var objbeforeItem = null;

            var objbeforeItembackgroundColor = null;

        }

        function ItemOver(obj) {

            if (objbeforeItem) {

                objbeforeItem.style.backgroundColor = objbeforeItembackgroundColor;

            }

            objbeforeItembackgroundColor = obj.style.backgroundColor;

            objbeforeItem = obj;

            obj.style.backgroundColor = "#B9D1F3";

        }

        //       

 

        // 多选的全选与取消

        function checkJs(boolvalue) {

            if (document.all.checkboxname.length > 1) {

                for (var i = 0; i < document.all.checkboxname.length; i++) {

                    document.all.checkboxname[i].checked = boolvalue;

                }

            }

            else

                document.all.checkboxname.checked = boolvalue;

        }

        //

 

        // 只有全部选中时“全选”选中

        function SingleCheckJs() {

            var flag1 = false;

            var flag2 = false;

 

            if (document.form1.checkboxname.length) {

                for (var i = 0; i < document.form1.checkboxname.length; i++) {

                    if (document.form1.checkboxname[i].checked)

                        flag1 = true;

                    else

                        flag2 = true;

                }

            }

            else {

                if (document.form1.checkboxname.checked)

                    flag1 = true;

                else

                    flag2 = true;

            }

 

            if (flag1 == true && flag2 == false)

                document.getElementById("chk").checked = true;

            else

                document.getElementById("chk").checked = false;

        }

        //

    </script>

 

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <asp:GridView ID="GridView1" runat="server" Width="100%" CellPadding="4" ForeColor="#333333"

            AutoGenerateColumns="False" AllowPaging="True" PageSize="12" BorderColor="Silver"

            BorderStyle="Solid" BorderWidth="1px" OnRowDataBound="GridView1_RowDataBound"

            ShowFooter="True" EmptyDataText="没有数据记录！！" AllowSorting="True" OnSorting="GridView1_Sorting">

            <Columns>

                <asp:BoundField HeaderText="编号" DataField="id" Visible="False" />

                <asp:TemplateField HeaderText="<input type='checkbox' id='chk' name='chk' οnclick='checkJs(this.checked);'>全选"

                    FooterText="全选">

                    <ItemTemplate>

                        <input type="checkbox" id="checkboxname" name="checkboxname" value='<%# DataBinder.Eval(Container.DataItem, "id")%>'

                            onclick='SingleCheckJs();' />

                    </ItemTemplate>

                </asp:TemplateField>

                <asp:TemplateField HeaderText="单选" FooterText="单选">

                    <ItemTemplate>

                        <input type="radio" id="RadioName" name="RadioName" value='<%# Eval("id")%>' />

                    </ItemTemplate>

                </asp:TemplateField>

                <asp:TemplateField HeaderText="自增列" FooterText="自增列">

                    <ItemTemplate>

                        <%# (Container.DataItemIndex+1).ToString()%>

                    </ItemTemplate>

                </asp:TemplateField>

                <asp:BoundField HeaderText="姓名" FooterText="姓名" DataField="name" SortExpression="name" />

                <asp:BoundField HeaderText="身份证号" FooterText="身份证号" DataField="card" SortExpression="card" />

                <asp:BoundField HeaderText="价格" FooterText="价格" DataField="price" DataFormatString="{0:￥#,##0.00}"

                    HtmlEncode="False" SortExpression="price" />

                <asp:BoundField HeaderText="数字" FooterText="数字" DataField="price" DataFormatString="{0:0.00}"

                    HtmlEncode="False" SortExpression="price" />

                <asp:BoundField HeaderText="建立时间" FooterText="建立时间" DataField="createdate" DataFormatString="{0:yyyy年MM月dd日 hh时mm分ss秒}"

                    HtmlEncode="False" SortExpression="createdate" />

            </Columns>

            <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />

            <EditRowStyle BackColor="#999999" />

            <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />

            <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />

            <AlternatingRowStyle BackColor="White" ForeColor="#284775" />

            <PagerSettings Visible="False" />

            <FooterStyle Font-Bold="True" />

            <HeaderStyle Font-Bold="False" Font-Italic="False" />

        </asp:GridView>

        <asp:LinkButton ID="btnFirst" CommandArgument="first" OnClick="PagerButtonClick"

            runat="server">首 页</asp:LinkButton>

        <asp:LinkButton ID="btnPrev" CommandArgument="prev" OnClick="PagerButtonClick" runat="server">上一页</asp:LinkButton>

        <asp:LinkButton ID="btnNext" CommandArgument="next" OnClick="PagerButtonClick" runat="server">下一页</asp:LinkButton>

        <asp:LinkButton ID="btnLast" CommandArgument="last" OnClick="PagerButtonClick" runat="server">尾页</asp:LinkButton>

        <asp:Label ID="LblCurrentIndex" runat="server"></asp:Label>

        <asp:Label ID="LblPageCount" runat="server"></asp:Label>

        <asp:Label ID="LblRecordCount" runat="server"></asp:Label>

        <asp:Button ID="Button2" runat="server" Text="checkbox得到选择的行" OnClick="Button2_Click">

        </asp:Button>

        <asp:Button ID="Button1" runat="server" Text="radio得到选择的行" OnClick="Button1_Click">

        </asp:Button>

    </div>

    </form>

</body>

</html>

 

fenpage.aspx.cs的代码：

using System;

using System.Collections;

using System.Configuration;

using System.Data;

using System.Linq;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.HtmlControls;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Xml.Linq;

 

using System.Data.SqlClient;

namespace TestWebApp

{

    public partial class fenpage: System.Web.UI.Page

    {

        protected void Page_Load(object sender, EventArgs e)

        {

            Button2.Attributes["onclick"] = "return slcNo_click();";

            GridViewBind("");

        }

 

        private void GridViewBind(string Sqlsort)

        {

            string connStr = ConfigurationManager.ConnectionStrings["ConnString1"].ConnectionString;

            string SqlStr = "SELECT * FROM test01 where id<1000" + Sqlsort;

            DataSet ds = new DataSet();

 

            try

            {

                SqlConnection conn = new SqlConnection(connStr);

                if (conn.State.ToString() == "Closed") conn.Open();

 

                SqlDataAdapter da = new SqlDataAdapter(SqlStr, conn);

                da.Fill(ds, "test01");

                if (conn.State.ToString() == "Open") conn.Close();

 

                GridView1.DataSource = ds.Tables[0].DefaultView;

                GridView1.DataBind();

 

                LblCurrentIndex.Text = "第 " + (GridView1.PageIndex + 1).ToString() + " 页";

                LblPageCount.Text = "共 " + GridView1.PageCount.ToString() + " 页";

                LblRecordCount.Text = "总共 " + ds.Tables[0].Rows.Count.ToString() + " 条";

                if (ds.Tables[0].Rows.Count == 0)

                {

                    btnFirst.Visible = false;

                    btnPrev.Visible = false;

                    btnNext.Visible = false;

                    btnLast.Visible = false;

 

                    LblCurrentIndex.Visible = false;

                    LblPageCount.Visible = false;

                    LblRecordCount.Visible = false;

                }

                else if (GridView1.PageCount == 1)

                {

                    btnFirst.Visible = false;

                    btnPrev.Visible = false;

                    btnNext.Visible = false;

                    btnLast.Visible = false;

                }

 

                // 计算生成分页页码,分别为："首页" "上一页" "下一页" "尾 页"

                btnFirst.CommandName = "1";

                btnPrev.CommandName = (GridView1.PageIndex == 0 ? "1" : GridView1.PageIndex.ToString());

 

                btnNext.CommandName = (GridView1.PageCount == 1 ? GridView1.PageCount.ToString() : (GridView1.PageIndex + 2).ToString());

                btnLast.CommandName = GridView1.PageCount.ToString();

                //

            }

            catch (Exception ex)

            {

                Response.Write("数据库错误，错误原因：" + ex.Message);

                Response.End();

            }

        }

        protected void PagerButtonClick(object sender, EventArgs e)

        {

            GridView1.PageIndex = Convert.ToInt32(((LinkButton)sender).CommandName) - 1;

            GridViewBind("");

        }

 

        protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)

        {

            e.Row.Attributes["onmouseover"] = "ItemOver(this)";

        }

 

        protected void Button2_Click(object sender, EventArgs e)

        {

            string str = "";

            string[] ckb = null;

 

            str = Request.Form.Get("checkboxname");

            ckb = str.Split(new char[] { ',' });

 

            Response.Write("直接在页面中得到的值为：" + str + "<br>");

 

            Response.Write("处理后存放在数组中，如下：<br>");

            for (int i = 0; i < ckb.Length; i++)

            {

                Response.Write("ckb[" + i + "]的值为：" + ckb[i] + "<br>");

            }

        }

        protected void Button1_Click(object sender, EventArgs e)

        {

            Response.Write(Request.Form.Get("RadioName"));

        }

        protected void GridView1_Sorting(object sender, GridViewSortEventArgs e)

        {

            string sql = "";

 

            if (ViewState["SortDirection"] == null || ViewState["SortDirection"].ToString().CompareTo("") == 0)

            {

                ViewState["SortDirection"] = " desc";

            }

            else

                ViewState["SortDirection"] = "";

 

            sql = " order by " + e.SortExpression + ViewState["SortDirection"];

 

            GridViewBind(sql);

        }

 

    }

}

 

 

数据库中表的生成代码：

CREATE   TABLE   [ dbo ] . [ test01 ]  (
     [ id ]   [ decimal ] ( 18 ,  0 )  IDENTITY  ( 1 ,  1 )  NOT   NULL  ,
     [ name ]   [ varchar ]  ( 50 ) COLLATE Chinese_PRC_CI_AS  NULL  ,
     [ card ]   [ varchar ]  ( 50 ) COLLATE Chinese_PRC_CI_AS  NULL  ,
     [ createdate ]   [ datetime ]   NULL  
)  ON   [ PRIMARY ]
GO

ALTER   TABLE   [ dbo ] . [ test01 ]   ADD  
     CONSTRAINT   [ DF_test01_createdate ]   DEFAULT  ( getdate ())  FOR   [ createdate ] ,
     CONSTRAINT   [ PK_test01 ]   PRIMARY   KEY    CLUSTERED  
    (
         [ id ]
    )   ON   [ PRIMARY ]  
 GO
aspnet2002web
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在GridView中实现单选或多选功能
08-06
这篇博客“在GridView中实现单选或多选功能”主要讲解了如何在GridView中添加单选和多选功能，这对于提升用户体验和增加应用交互性至关重要。 1. GridView基础： GridView继承自AbsListView，通过Adapter来填充...
GridView分页的实现以及自定义分页样式功能实例
01-02
GridView分页的实现 代码如下: 要在GridView中加入 //实现分页 AllowPaging=”true” //一页数据10行 PageSize=”10″ // 分页时触发的事件 OnPageIndexChanging=”gvwDesignationName_PageIndexChanging” 在服务器...
分页学习---在aspx页面进行普通分页
极_晓的博客
10-20 3062
要点 主要的思路 核心代码 效果图 总结 分页的思路 把数据库需要分页的的全部信息一次性取出来，放到内存中，然后在进行分页 按需所取，把具体需要显示的某一页所要展示的数据取出来，直接显示 我采取的是第二种思路，思路步骤如下图 核心代码实现步骤恰好与箭头的方向相反 1、先完成数据操作层（DAL）的代码 /// <summary> /// 获取指定页的数据
关于VS2005中GridView的自定义分页，单选、多选、排序、自增列的简单应用
akpaul6677的博客
10-04 88
关于VS2005中GridView的自定义分页，单选、多选、排序、自增列的简单应用。 多选时，只有全部选中时“多选”才选中。图片效果： 简单示例，代码如下， fenpage.aspx的代码： <%@PageLanguage="C#"AutoEventWireup="true"CodeFile="fenpage.aspx.cs"Inherits...
VS2005中GridView的自定义分页，单选、多选、排序、自增列
weixin_30905133的博客
07-24 98
关于VS2005中GridView的自定义分页，单选、多选、排序、自增列的简单应用。 多选时，只有全部选中时“多选”才选中。 图片效果： 简单示例，代码如下， fenpage.aspx的代码： <%@PageLanguage="C#"AutoEventWireup="true"CodeFile="fenpage.aspx.cs"I...
GridView中自定义分页、单选、多选、排序、自增列的简单应用
03-16 469
<br />关于VS2005中GridView的自定义分页，单选、多选、排序、自增列的简单应用。多选时，只有全部选中时“多选”才选中。图片效果：简单示例，代码如下，fenpage.aspx的代码：<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="fenpage.aspx.cs"Inherits="gridview_fenpage"%> 关于VS2005中GridView的自定义分页，单选、多选、排序、自增列的简单应用。<br />    多选时，只有全
GridView的自定义分页，单选、多选、排序、自增列的简单应用
lilm36的专栏
09-14 509
多选时，只有全部选中时“多选”才选中。简单示例，代码如下: 1. fenpage.aspx 的代码http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">                // 判断多选是否与选中项（没有选中的返回false）    function sl
关于VS2005中GridView的自定义分页，单选、多选、排序、自增列的简单应用。
09-14 160
<br />关于VS2005中GridView的自定义分页，单选、多选、排序、自增列的简单应用。<br />    多选时，只有全部选中时“多选”才选中。<br /><br />    图片效果：<br /><br />     简单示例，代码如下，<br />    fenpage.aspx的代码：<%@ Page Language="C#" AutoEventWireup="true" CodeFile="fenpage.aspx.cs" Inherits="gridview_fenpage" %><b
使用ASP.NET GridView进行自定义分页
04-11
`braviPaging.zip`可能包含了一个示例项目，演示了如何在ASP.NET应用中实现自定义分页。`Custom-paging-with-ASP-NET-GridView.pdf`可能是详细步骤的文档，包括配置GridView，编写查询，处理分页事件等。 总的来说...
ASP.Net2.0 GridView 多列排序，显示排序图标，分页
01-02
最近在使用ASP.net 2.0的GridView 控件时，发现排序与分页功能Microsoft实现的都很简单，比如排序，在点击列名的时候来触发整页的PostBack，然后排序，但是在列头上没有一个显示升序降序的图标，这会让最终用户使用...
GridView自定义分页的四种存储过程
09-11
在ASP.NET开发中，GridView控件是一个常用的用于展示数据的组件，但其默认的分页功能在处理大数据量时可能会带来性能问题。默认的分页方式会导致所有匹配数据被加载到内存中，然后只显示当前页面的数据，这显然不...
注册安全工程师预报考人员管理台账.xlsx
07-04
注册安全工程师预报考人员管理台账.xlsx
6-1机械波的产生和传播.ppt
最新发布
07-04
6-1机械波的产生和传播
2-3.ppt
07-04
2-3
9-3电通量 高斯定理.ppt
07-04
9-3电通量 高斯定理
压敏电阻型号及电感计算公式.doc
07-04
压敏电阻型号及电感计算公式压敏电阻型号及电感计算公式.doc
为GridView添加两种自定义分页样式
05-17
在GridView中，可以使用内置的分页样式，也可以自定义分页样式。下面我将介绍两种自定义分页样式。 1. 自定义分页样式一：使用自定义模板 GridView提供了一个PagerTemplate属性，可以使用这个属性来自定义分页模板...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值