[原创]使用DataList分页显示数据,双向排序，添加checkbox控件。

最新推荐文章于 2017-11-02 18:35:24 发布
最新推荐文章于 2017-11-02 18:35:24 发布
阅读量2.6k 收藏 1
点赞数
分类专栏： Asp.net开发作品 文章标签： datagrid asp server dataset object button
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/web718/article/details/390098
版权
 //Autohor:段小勇
//Email:web718@126.com
//QQ:6532053
//严禁转载
 
<%@ Page language="c#" Codebehind="DataGrid1.aspx.cs" AutoEventWireup="false" Inherits="News.DataGrid1" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>DataGrid1</title>
<meta content="Microsoft Visual Studio 7.0" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
</HEAD>
<body MS_POSITIONING="GridLayout">
<form runat="server">
<TABLE id="Table1" cellSpacing="1" cellPadding="1" width="100%" border="0">
<TR>
<td><asp:datagrid id="DataGrid2" runat="server" AllowSorting="True" AutoGenerateColumns="False" AllowPaging="True" PageSize="10" Width="100%" GridLines="Horizontal" AlternatingItemStyle-BackColor="#eeeeee">
<SelectedItemStyle Font-Bold="True" ForeColor="#CCFF99" BackColor="#009999"></SelectedItemStyle>
<AlternatingItemStyle BackColor="#EEEEEE"></AlternatingItemStyle>
<HeaderStyle BackColor="#00AAAA"></HeaderStyle>
<FooterStyle ForeColor="#003399" BackColor="#99CCCC"></FooterStyle>
<Columns>
<asp:TemplateColumn HeaderText="选择">
<HeaderStyle Width="40px"></HeaderStyle>
<ItemStyle HorizontalAlign="Center"></ItemStyle>
<ItemTemplate>
<asp:CheckBox id="checkbox" runat="server"></asp:CheckBox>
</ItemTemplate>
<EditItemTemplate>
<asp:CheckBox id="chkExportON" runat="server"></asp:CheckBox>
</EditItemTemplate>
</asp:TemplateColumn>
<asp:BoundColumn DataField="id" SortExpression="id" HeaderText="ID号"></asp:BoundColumn>
<asp:HyperLinkColumn DataNavigateUrlField="id" DataNavigateUrlFormatString="javascript:varwin=window.open('detail.aspx?ID={0}',null,'width=300,height=200');window.Close();" DataTextField="username" HeaderText="用户名" SortExpression="username"></asp:HyperLinkColumn>
<asp:BoundColumn DataField="email" HeaderText="Email" SortExpression="email"></asp:BoundColumn>
<asp:TemplateColumn HeaderText="Email">
<ItemTemplate>
<asp:Label id=lblColumn runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.id") %>'>
</asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
<PagerStyle HorizontalAlign="Right" ForeColor="#003399" BackColor="#99CCCC" Mode="NumericPages"></PagerStyle>
</asp:datagrid></td>
</TR>
<tr>
<td>
<P><asp:panel id="Panel1" runat="server" HorizontalAlign="Right">
<asp:label id="lblPageCount" runat="server"></asp:label>
<asp:label id="lblCurrentIndex" runat="server"></asp:label>
<asp:LinkButton id="btnFirst" runat="server" CommandName="First">首页</asp:LinkButton>&nbsp;&nbsp;
<asp:LinkButton id="btnPrevious" runat="server" CommandName="Previous">上一页</asp:LinkButton><FONT face="宋体">&nbsp;&nbsp;
<asp:LinkButton id="btnNext" runat="server" CommandName="Next">下一页</asp:LinkButton>&nbsp;&nbsp;
<asp:LinkButton id="btnEnd" runat="server" CommandName="End">未页</asp:LinkButton>
<asp:TextBox id="txtIndex" runat="server" Width="24px" MaxLength="2" Columns="2"></asp:TextBox>
<asp:Button id="btnGo" runat="server" Text="Go!" BackColor="Gainsboro" BorderWidth="1px" BorderStyle="Solid" BorderColor="Silver"></asp:Button>
<asp:Label id="lblError" runat="server" Visible="False" ForeColor="Red">No that page!</asp:Label></FONT></asp:panel></P>
</td>
</tr>
<tr>
<td>
<asp:button id="cmdSelectAll" runat="server" Text="全选"></asp:button><asp:button id="cmdFindSelected" runat="server" Text="取得选择的项"></asp:button>
<asp:panel id="pnlIndex" runat="server"></asp:panel>
<asp:label id="Label1" runat="server"></asp:label></td>
</tr>
</TABLE>
</form>
</body>
</HTML>

 
 using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Configuration;
using System.Data.SqlClient;
namespace News
{
    /// <summary>
    /// DataGrid1 的摘要说明。
    /// </summary>
    public class DataGrid1 : System.Web.UI.Page
    {
                
        protected System.Web.UI.WebControls.DataGrid DataGrid2;
        protected System.Web.UI.WebControls.Button Button1;
        protected System.Web.UI.WebControls.Label Label1;
        protected System.Web.UI.WebControls.LinkButton btnPrevious;
        protected System.Web.UI.WebControls.LinkButton btnNext;
        protected System.Web.UI.WebControls.TextBox txtIndex;
        protected System.Web.UI.WebControls.Button btnGo;
        protected System.Web.UI.WebControls.Label lblError;
        protected System.Web.UI.WebControls.Panel Panel1;
        protected System.Web.UI.WebControls.Panel pnlIndex;
        protected System.Web.UI.WebControls.LinkButton btnFirst;
        protected System.Web.UI.WebControls.LinkButton btnEnd;
        protected System.Web.UI.WebControls.Label lblPageCount;
        protected System.Web.UI.WebControls.Label lblCurrentIndex;
        protected System.Web.UI.WebControls.Button cmdSelectAll;
        protected System.Web.UI.WebControls.Button cmdFindSelected;
        string ConnectionStr=ConfigurationSettings.AppSettings["connStr"];    
        private void Page_Load(object sender, System.EventArgs e)
        {
            // 在此处放置用户代码以初始化页面            
            if(!IsPostBack)
            {
                //设置排序表达式
                ViewState["SortOrder"] = "id";
                //设置排序的升降序
                ViewState["OrderDire"] = "ASC";
                BindGrid();            
            }
        }
        

        private void BindGrid()
        {
            //定义数据连接对象,其中数据库连接字符串是在Web.Config文件中定义的
            SqlConnection SconnStr=new SqlConnection(ConnectionStr);
            //创建数据适配器对象
            SqlDataAdapter sda=new SqlDataAdapter("select * from user_info",SconnStr);
            //创建DataSet对象
            DataSet ds=new DataSet();
            try
            {
                //填充数据集
                sda.Fill(ds,"user_info");
                //取得填充表格的默认视图
                DataView view = ds.Tables["user_info"].DefaultView;
                //设置排序关键字
                string sort = (string)ViewState["SortOrder"] + " " + (string)ViewState["OrderDire"];
                //设置排序表达式
                view.Sort =  sort;

                //进行数据绑定
                DataGrid2.DataSource=view;
                DataGrid2.DataBind();
            }
            catch(Exception error)
            {
                Response.Write(error.ToString());
            }        
        }
                

        //显示当前分页信息
        private void ShowStats()
        {
            //显示当前页面是第几页
            lblCurrentIndex.Text = "第 " + (DataGrid2.CurrentPageIndex + 1).ToString() + " 页";
            //显示总页数
            lblPageCount.Text = "总共 " + DataGrid2.PageCount.ToString() + " 页";
        }

        #region Web Form Designer generated code
        override protected void OnInit(EventArgs e)
        {
            //
            // CODEGEN：该调用是 ASP.NET Web 窗体设计器所必需的。
            //
            InitializeComponent();
            base.OnInit(e);
        }
        
        /// <summary>
        /// 设计器支持所需的方法 - 不要使用代码编辑器修改
        /// 此方法的内容。
        /// </summary>
        private void InitializeComponent()
        {    
            this.DataGrid2.PageIndexChanged += new System.Web.UI.WebControls.DataGridPageChangedEventHandler(this.DataGridPage_Page);
            this.DataGrid2.SortCommand += new System.Web.UI.WebControls.DataGridSortCommandEventHandler(this.DataGrid2_SortCommand);
            this.DataGrid2.ItemDataBound += new System.Web.UI.WebControls.DataGridItemEventHandler(this.changeRowColor);
            this.btnFirst.Click += new System.EventHandler(this.NavigationButtonClick);
            this.btnPrevious.Click += new System.EventHandler(this.NavigationButtonClick);
            this.btnNext.Click += new System.EventHandler(this.NavigationButtonClick);
            this.btnEnd.Click += new System.EventHandler(this.NavigationButtonClick);
            this.btnGo.Click += new System.EventHandler(this.btnGo_Click);
            this.cmdSelectAll.Click += new System.EventHandler(this.cmdSelectAll_Click);
            this.cmdFindSelected.Click += new System.EventHandler(this.cmdFindSelected_Click);
            this.Load += new System.EventHandler(this.Page_Load);

        }
        #endregion
        

        //翻页效果
        private void NavigationButtonClick(object sender, System.EventArgs e)
        {
            string direction=((LinkButton)sender).CommandName;
            switch(direction.ToUpper())
            {                
                case "PREVIOUS":
                    //如果当前页不是首页
                    if (DataGrid2.CurrentPageIndex > 0)
                    {
                        //设置DataGrid控件的当前页索引为上一页面
                        DataGrid2.CurrentPageIndex -= 1;
                    }
                    break;
                case "NEXT":
                    if (DataGrid2.CurrentPageIndex < (DataGrid2.PageCount - 1))
                    {
                        //设置DataGrid控件的当前页索引为下一页面
                        DataGrid2.CurrentPageIndex += 1;
                    }
                    break;
                case "END":
                    DataGrid2.CurrentPageIndex = (DataGrid2.PageCount - 1);
                    break;    
                default:
                    DataGrid2.CurrentPageIndex = 0;                    
                    break;
            }
            BindGrid();
            ShowStats();
 
        }
        //去第几页效果
        private void btnGo_Click(object sender, System.EventArgs e)
        {
            int pageIndex=0;
            try
            {
                pageIndex=Convert.ToInt32(txtIndex.Text);
    
            }
            catch(Exception ex)
            {
                lblError.Visible=true;
                lblError.Text=ex.Message;
            }
            finally
            {
                lblError.Visible=false;
                lblError.Text="No that page!";
            }
            if(pageIndex>0&&pageIndex<=DataGrid2.PageCount)
            {
                try
                {
                    DataGrid2.CurrentPageIndex=Math.Min(DataGrid2.PageCount,pageIndex-1);
                    BindGrid();
                    ShowStats();
                }
                catch
                {
                    lblError.Visible=true;
     
                }
                finally
                {
                    lblError.Visible=false;
                }
            }
            else
            {
                lblError.Visible=true;
            }
        }

        public void DataGridPage_Page(object sender, DataGridPageChangedEventArgs e)
        {
            //设置DataGrid当前页的索引值为用户选择的页的索引
            DataGrid2.CurrentPageIndex = e.NewPageIndex;
            //重新绑定数据
            BindGrid();
            //显示当前分页信息
            ShowStats();
        }
        
        // ItemDataBound事件
        private void changeRowColor(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
        {
            //如果是数据项并且是交替项
            if(e.Item.ItemType == ListItemType.Item  || e.Item.ItemType == ListItemType.AlternatingItem)
            {
                //添加自定义属性，当鼠标移过来时设置该行的背景色为"6699ff",并保存原背景色
                e.Item.Attributes.Add("onmouseover","currentcolor=this.style.backgroundColor;this.style.backgroundColor='#B4BDB3'");
                //添加自定义属性，当鼠标移走时还原该行的背景色
                e.Item.Attributes.Add("onmouseout","this.style.backgroundColor=currentcolor");

            }
        }

        private void cmdSelectAll_Click(object sender, System.EventArgs e)
        {
            System.Web.UI.WebControls.CheckBox checkbox;
            //如果要全选
            if(cmdSelectAll.Text == "全选")
            {
                //循环设置DataGrid控件中的项
                foreach(DataGridItem oDataGridItem in DataGrid2.Items)
                {
                    //建立模板列中CheckBox控件的引用
                    checkbox = (CheckBox)oDataGridItem.FindControl("checkbox");
                    //选中
                    checkbox.Checked =true;
                }

                cmdSelectAll.Text = "全消";
            }
            else
            {
                foreach(DataGridItem oDataGridItem in DataGrid2.Items)
                {
                    //建立模板列中CheckBox控件的引用
                    checkbox = (CheckBox)oDataGridItem.FindControl("checkbox");
                    //取消
                    checkbox.Checked = false;
                }
                cmdSelectAll.Text = "全选";
            }
        }

        private void cmdFindSelected_Click(object sender, System.EventArgs e)
        {
            System.Web.UI.WebControls.CheckBox chkExport;
            String sID;
            System.Text.StringBuilder strMsg = new System.Text.StringBuilder("选中项的City字段值分别为：<hr color=red>");
            //循环取的DataGrid控件中选定项的值
            foreach(DataGridItem oDataGridItem in DataGrid2.Items)
            {

                chkExport = (CheckBox)oDataGridItem.FindControl("checkbox");
                //如果选中了则取值
                if(chkExport.Checked)
                {
                    sID = ((Label)(oDataGridItem.FindControl("lblColumn"))).Text;
                    strMsg.Append(sID+"<br><hr color=red>");
                }
            }
            //显示选中项的值
            Label1.Text = strMsg.ToString();
        }

        private void DataGrid2_SortCommand(object source, System.Web.UI.WebControls.DataGridSortCommandEventArgs e)
        {
            //取得排序表达式
            string vortExp = e.SortExpression;
            //如果是当前排序表达式
            if(ViewState["SortOrder"].ToString() == vortExp)
            {
                //如果原来是降序则改为升序，反之亦然
                if((string)ViewState["OrderDire"] == "Desc")
                    ViewState["OrderDire"] = "ASC";
                else
                    ViewState["OrderDire"] = "Desc";
            }
            else
            {
                //重新设置排序关键字
                ViewState["SortOrder"] = e.SortExpression;
            }
            BindGrid();
        }

        }
    }

 
 
 
jq选择CheckBox进行排序
weixin_30733003的博客
07-22 567
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>我的报告</title> <meta name="k...
数据控件系列之DataList分页显示篇
xiongxinle的博客
01-10 1696
一、前言 前几个章节，就“容器与控件”、“跨页传值”等分两个系列进行了详细阐述,接下来，我们这个系列 将对数据控件DataList/Repeater、GrivewList/ListView和FormView/DetailsView进行系统阐述。 以上三组控件，既有共同点，也有不同点，主要是： 1、使用效果不同：DataList/Repeater主要以项的形式对多个纪录进行重复显示，而FormView/DetailsView 则是显示单个纪录，而GridVi...
html5 datalist 选中option选项后的触发事件
热门推荐
路在脚下，幸福在手中，莫贪！！！！！
11-02 2万+
使用input + datalist 实现自动补全功能，其中datalist中的内容是根据input输入的内容动态变换的，代码如下 function inputSelect(){ var input_select=$("#input").val(); var option_length=$("option").length; var option_id=''; for(var
datalist中设置按钮控件的onclick事件
__浅唱
08-22 8627
（转自百度） 在DataList数据控件中 支持的按钮有 ImageButtong LinkButton Button 三个 当点击按钮时可以触发RowCommand 事件 在这个事件中可以自定义方法，操作，比如更新，删除等等 不知道你说的触发是什么意思 对于 WEB 来说，事
简单的查询分页+CheckBox的全选提交,解决方法
男人,就应该对自己狠一点!
03-06 1083
简单的查询分页+CheckBox的全选提交,解决方法. 最近项目需要,因为时间问题我用最简单的方法做了一个查询分页+CheckBox的全选提交,我觉得非常适合小项目和类似邮件列表的功能.下面贴出我的代码,希望朋友们多给我提毛病. 主要代码都写在JSP里.下面是一个apply_note.jsp: &lt;%@page contentType="text/html;charset=GBK" lang...
在ASP.NET 2.0中操作数据之四十一：DataList和Repeater数据分页
01-02
　分页和排序是显示数据时经常用到的功能。比如，在一个在线书店里搜索关于ASP.NET 的书的时候，可能结果会是成百上千，而每页只列出十条。而且结果可以根据title（书名），price（价格），page count（页数），...
掌握ASP.NET DataList控件：数据绑定与分页实现
- **在ItemTemplate中添加CheckBox控件**：在Datalist控件的模板中，使用`<asp:CheckBox>`标签添加复选框。 - **为复选框添加事件处理程序**：为复选框添加`OnClick`或其他相关事件，以便实现选中或取消选中的操作...
GridView控件全解析：数据绑定、分页、排序与高级功能
4. **DropDownList控件绑定**：GridView控件与DropDownList的结合，展示了如何在模板列中使用DataList进行数据绑定，以及对应的界面设计和前端代码实现。 5. **CheckBox删除选中记录**：通过FindControl方法找到...
datalist分页方法
03-23
### Datalist分页方法详解 #### 一、概述 在Web开发中，尤其是在ASP.NET中，`DataList` 控件被广泛应用于显示列表数据。它不仅能够方便地进行数据绑定，还可以通过自定义模板来控制数据显示的方式。本文将详细介绍...
ADO.NET实战：使用Datalist控件与数据库交互
"这篇文档是关于使用Datalist控件在网页中显示数据的教程，同时涉及到了ASP.NET中ADO.NET技术的运用，包括数据库的连接、查询、数据绑定以及用户交互功能的实现。" 在ASP.NET开发中，Datalist控件是一个强大的工具...
DataList中下拉框数据绑定，事件，及动态添加控件
03-23
DataList中下拉框数据绑定，事件，及动态添加控件
DataList内容详解
weixin_34062329的博客
03-27 490
DataList是另一种显示数据控件，它与GridView不同的是，它全部使用模板进行设计，并且DataList的模板是对整行设置，而不是像GridView那样只对某一列进行模板设计。 正是由于它使用模板进行设计，所以它的灵活性比GridView更高，但事情总是有两面性的，灵活度提高了，必然带来使用上的复杂。因此DataList在易用性上真的不如GridView好，因此在要求有较高灵活性的时候我...
DataList的基本用法
李艳平
11-15 2220
今天在做项目的时候我又学到了一些新的东西！DataList的用法！下面我来简单的讲一下啊！    我今天用到的DateList是因为我要做一个显示我数据库中某个表里存的日志信息！这需要一个格式！比如说：标题，内容，发表人，发表时间！    这样，同学给介绍了DateList！    第一步，在工具栏的数据里，找到DateList！然后为了方便布局，可以建一个表！也就是table!    第
DataList中的按钮触发事件的方法的实现
weixin_34167819的博客
08-03 959
DataList中的按钮触发事件的方法的实现 1、要在CommandName中设定名字如：      &lt;asp:Button id="Button1" runat="server" Text="回复" CommandName="revert"&gt;&lt;/asp:Button&gt;2.   在DataList —&gt;属性—&gt;事件标记—&gt;双击“
datalist不能添加点击事件onclick, select可以添加onclick
远走的兔子博客
06-02 7093
在datalist和select中不能直接添加button. html> lang="en"> charset="UTF-8"> Title href="http://cdn.bootcss.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet"> --> rel="styleshee
如何实现在客户端，使CheckBox按照选择的顺序进行排序－－来自博问的问题
weixin_33795833的博客
10-19 548
原问题：如何实现在客户端，使CheckBox按照选择的顺序进行排序 在客户端，对CheckBox按照选择的顺序进行排序。 选择多CheckBox后，如果取消其中一个CheckBox（A）,则 则序号比CheckBox（A）大的均要减1， 希望的效果如下： 解决代码如下：（checkbox与对应的textbox要拥有相似的名字，如ckbAAA必须对应txtAAA，不然要绕圈...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值