用.net制作排序、分页及多条记录选择及删除的范例(不用.net内置的分页和排序机制)

** 用.net制作排序、分页及多条记录选择及删除的范例 **

** 作者:罗青 **
** 日期:2003-11-04 **
** 联系方式: [email protected] **

一、概述

二、实现的功能

三、制约条件

四、原理图

五、制作过程(范例)

六、原代码

一、概述 :

Datagrid在web应用程式中经常用到,但是Datagrid控件本身提拱的排序,分页功能对于有着大量记录的表来说,按它的做法是不现实的,如一个表有20万记录,按Datagrid本身的排序和分页的原理,必须把所有的记录全部取回,再进行分页,这对服务器的内存及响应的速度是一个挑战。本论文提供了这样一个解决方案,就是只从数据库中取回你所需要的且符合条件的记录,这样响应时间会大大的提高,内存开销也可减少。

二、 实现的功能 :

1、在页面上按指定的格式显示从数据库中取回的数据(用Datagrid控件显示)。

2、对记录进行分页(必须在数据库内进行分页,即传入第几页,每页记录数,就传回己分好页的记录)

3、点击Datagrid标头后以实现重新排序显示,且有点击第一次按降序,点击第二次按升序(不是对已显示的记录进行排序,而是重新到数据库中取出符合条件的并按指定顺序排序的指定页记录)

4、可以通过点击Datagrid的CheckBox框以实现全选和全不选功能,且支持群体操作(如删除,转入等)

三、制约条件

1、数据库表必须有一个关键字段或有一个唯一字段。

四、原理图:

功能2:

功能3:

功能4:

五、制作过程(范例) :

1、数据库结构:

本范例是用SQL Server自带的数据库Northwind为例,表为Customers

2、编码过程:

1、界面如下

2、代码编写过程:

1、首先用户新加一个窗体。

2、在窗体上放置一个五个LinkButton控件,并设置ID为:lkbDel,LinkButtonPreview,LinkButtonNext,LinkButtonLast,LinkButtonFirst,设置各控件的Text属性为:“删除”,“首页”,“上一页”,“下一页”,及“尾页”,放置位置如上图;同时在窗体上放一个Datagrid控件,控件的名称为:dgList

3、把dgList控件的AutoSortint属性设为true,AutoGenarateColumes属性设为false,DataKeyField属性设为CustomerID,Width属性设为100%,设置dgList控件的各列如下:

 1<columns>
 2<asp:templatecolumn>
 3<headerstyle width="10px"></headerstyle>
 4<headertemplate>
 5<input id="chkselectall" onclick="checkallorno(this)" type="checkbox"/>
 6</headertemplate>
 7<itemtemplate>
 8<asp:checkbox id="chkselect" runat="server"></asp:checkbox>
 9</itemtemplate>
10</asp:templatecolumn>
11<asp:boundcolumn datafield="CustomerID" headertext="ID" sortexpression="CustomerID"></asp:boundcolumn>
12<asp:boundcolumn datafield="CompanyName" headertext="客户名称" sortexpression="CompanyName"></asp:boundcolumn>
13<asp:boundcolumn datafield="ContactName" headertext="联系名称" sortexpression="ContactName"></asp:boundcolumn>
14<asp:boundcolumn datafield="ContactTitle" headertext="职位" sortexpression="ContactTitle"></asp:boundcolumn>
15<asp:boundcolumn datafield="Phone" headertext="电话" sortexpression="Phone"></asp:boundcolumn>
16<asp:boundcolumn datafield="Fax" headertext="传真" sortexpression="Fax"></asp:boundcolumn>
17</columns>

其中第一列是必须的,其他列可根据情况自己增加或删除。

其中上段代码中点击标头的CheckBox后实现所有的显示项的全选或全不选的功能是由一个javascript的checkallorno(this)函来实现的,具体函数体如下:

 1<script>
 2      function checkallorno(o)
 3      {
 4       var a=o;
 5    
 6    
 7       while(true)
 8       {
 9        var a=a.parentElement;
10        if(a==null)
11        {
12         break;
13        }
14        if(a=="undefined")
15        {
16         a=null;
17         break;
18        }
19        if(a.tagName=="TABLE")
20        {
21         break; 
22        }
23       }
24       if(a!=null)
25       {
26        for(i=0;i<a.rows.length;i++)
27        {
28         for(j=0;j<a.rows[i].cells[0].children.length;j++)
29         {
30          var var1=a.rows[i].cells[0].children[j];
31          if(var1.tagName=="INPUT" )
32          {
33           if(var1.type=="checkbox")
34           {
35            var1.checked=o.checked;
36           }
37          }
38         }
39        }
40        
41    
42    
43       }
44      }
45      </script>

同时设置dgList的SortCommand为dgList_SortCommand()具体实现看原码。

4、设置lkbDel的的Click事件为如下:lkbDel_Click(object sender, System.EventArgs e),当然该事件名你可以随便取名,同时设置LinkButtonPreview,LinkButtonNext,LinkButtonLast,LinkButtonFirst的Click事件为同一个函数(怎样设置事件请看MSDN)。函数名为:dgList_SortCommand(object source, System.Web.UI.WebControls.DataGridSortCommandEventArgs e);各事件的具体实现请看源代码,在类里放两个变量如下:

  //这是每次每页显示的记录数.
  private int RecordPerPage=6;
  //这个变量为数据库联接
  protected string m_cnnstr="data source=Robert\Robert;initial catalog=Northwind;User id=sa;pwd=";

5、在page_Load事件中加入以下代码:

  private void Page_Load(object sender, System.EventArgs e)
  {
   if(!this.IsPostBack)
   {
    /*this.ViewState["TotalRecord"]
    * 用于记录总共有多少条记录
    * */
    this.ViewState["TotalRecord"]=GetTatolRecordNumber();
    /*this.ViewState["TotalRecord"]
     * 用于记录当前显示第几条记录
     * */
    this.ViewState["CurrentPg"]=1;
    /*this.ViewState["Sort"]
     *用于存放当前的排序字符串
     * */
    this.ViewState["Sort"]="";


    //对导行栏的状态进行初始化.
    setGuide(null);
    //第一次显示记录.
    ShowData();
   }
  }

其中GetTatolRecordNumber();是取回总记录数,setGuide(null);是设置分页相关按钮的状态, ShowData();是用来设置dgList控件数据源,这两人函数的具体实现请看源代码。

** aspx原码 : **

```

@ Page language="c#" Codebehind="Pagination.aspx.cs" AutoEventWireup="false" Inherits="SortAndPagination.Pagination"

1    ```
2@ Register TagPrefix="iewc" Namespace="Microsoft.Web.UI.WebControls" Assembly="Microsoft.Web.UI.WebControls, Version=1.0.2.226, Culture=neutral, PublicKeyToken=31bf3856ad364e35" 
  1<html>
  2<head>
  3<title>Pagination</title>
  4<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR"/>
  5<meta content="C#" name="CODE_LANGUAGE"/>
  6<meta content="JavaScript" name="vs_defaultClientScript"/>
  7<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema"/>
  8<script>
  9      function checkallorno(o)
 10      {
 11       var a=o;
 12    
 13       while(true)
 14       {
 15        var a=a.parentElement;
 16        if(a==null)
 17        {
 18         break;
 19        }
 20        if(a=="undefined")
 21        {
 22         a=null;
 23         break;
 24        }
 25        if(a.tagName=="TABLE")
 26        {
 27         break; 
 28        }
 29       }
 30       if(a!=null)
 31       {
 32        for(i=0;i<a.rows.length;i++)
 33        {
 34         for(j=0;j<a.rows[i].cells[0].children.length;j++)
 35         {
 36          var var1=a.rows[i].cells[0].children[j];
 37          if(var1.tagName=="INPUT" )
 38          {
 39           if(var1.type=="checkbox")
 40           {
 41            var1.checked=o.checked;
 42           }
 43          }
 44         }
 45        }
 46        
 47       }
 48      }
 49      </script>
 50</head>
 51<body ms_positioning="GridLayout">
 52<form id="Form1" method="post" runat="server">
 53<font face="宋体">
 54<table border="1" cellpadding="1" cellspacing="1" width="100%">
 55<tr>
 56<td align="center" colspan="2"><strong><font size="4">关于排序,分页,多条记录选择及删除的范例</font></strong>
 57</td>
 58</tr>
 59<tr>
 60<td align="right" colspan="2"><span onclick="return window.confirm('你真要删除所选项?')"><asp:linkbutton id="lkbDel" runat="server">删除</asp:linkbutton></span></td>
 61</tr>
 62<tr>
 63<td colspan="2"><asp:datagrid allowsorting="True" autogeneratecolumns="False" datakeyfield="CustomerID" id="dgList" pagesize="20" runat="server" width="100%">
 64<columns>
 65<asp:templatecolumn>
 66<headerstyle width="10px"></headerstyle>
 67<headertemplate>
 68<input id="chkselectall" onclick="checkallorno(this)" type="checkbox"/>
 69</headertemplate>
 70<itemtemplate>
 71<asp:checkbox id="chkselect" runat="server"></asp:checkbox>
 72</itemtemplate>
 73</asp:templatecolumn>
 74<asp:boundcolumn datafield="CustomerID" headertext="ID" sortexpression="CustomerID"></asp:boundcolumn>
 75<asp:boundcolumn datafield="CompanyName" headertext="客户名称" sortexpression="CompanyName"></asp:boundcolumn>
 76<asp:boundcolumn datafield="ContactName" headertext="联系名称" sortexpression="ContactName"></asp:boundcolumn>
 77<asp:boundcolumn datafield="ContactTitle" headertext="职位" sortexpression="ContactTitle"></asp:boundcolumn>
 78<asp:boundcolumn datafield="Phone" headertext="电话" sortexpression="Phone"></asp:boundcolumn>
 79<asp:boundcolumn datafield="Fax" headertext="传真" sortexpression="Fax"></asp:boundcolumn>
 80</columns>
 81</asp:datagrid></td>
 82</tr>
 83<tr>
 84<td align="right" colspan="2">
 85<table border="0" cellpadding="1" cellspacing="1" id="Table1">
 86<tr>
 87<td nowrap=""><asp:linkbutton id="LinkButtonFirst" runat="server">首页</asp:linkbutton></td>
 88<td>|</td>
 89<td nowrap=""><asp:linkbutton id="LinkButtonPreview" runat="server">上一页</asp:linkbutton></td>
 90<td>|</td>
 91<td nowrap=""><asp:linkbutton id="LinkButtonNext" runat="server">下一页</asp:linkbutton></td>
 92<td>|</td>
 93<td nowrap=""><asp:linkbutton id="LinkButtonLast" runat="server">尾页</asp:linkbutton></td>
 94</tr>
 95</table>
 96</td>
 97</tr>
 98</table>
 99</font>
100</form>
101</body>
102</html>

aspx.cs原码:

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;

namespace SortAndPagination
{
 ///
1<summary>
2     /// 关于排序,分页,多条记录选择及删除的范例
3     /// </summary>

public class Pagination : System.Web.UI.Page { protected System.Web.UI.WebControls.DataGrid dgList; protected System.Web.UI.WebControls.LinkButton lkbDel; protected System.Web.UI.WebControls.LinkButton LinkButtonPreview; protected System.Web.UI.WebControls.LinkButton LinkButtonNext; protected System.Web.UI.WebControls.LinkButton LinkButtonLast; protected System.Web.UI.WebControls.LinkButton LinkButtonFirst;

  //这是每次每页显示的记录数.
  private int RecordPerPage=6;
  //这个变量为数据库联接
  protected string m_cnnstr="data source=devserver-1;initial catalog=Northwind;User id=sa;pwd=";

  private void Page_Load(object sender, System.EventArgs e)
  {
   if(!this.IsPostBack)
   {
    /*this.ViewState["TotalRecord"]
    * 用于记录总共有多少条记录
    * */
    this.ViewState["TotalRecord"]=GetTatolRecordNumber();
    /*this.ViewState["TotalRecord"]
     * 用于记录当前显示第几条记录
     * */
    this.ViewState["CurrentPg"]=1;
    /*this.ViewState["Sort"]
     *用于存放当前的排序字符串
     * */
    this.ViewState["Sort"]="";

    //对导行栏的状态进行初始化.
    setGuide(null);
    //第一次显示记录.
    ShowData();
   }
  }

  #region Web 窗体设计器生成的代码
  override protected void OnInit(EventArgs e)
  {
   //
   // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
   //
   InitializeComponent();
   base.OnInit(e);
  }
  
  ///
1<summary>
2      /// 设计器支持所需的方法 - 不要使用代码编辑器修改
3      /// 此方法的内容。
4      /// </summary>

private void InitializeComponent() {
this.lkbDel.Click += new System.EventHandler(this.lkbDel_Click); this.dgList.SortCommand += new System.Web.UI.WebControls.DataGridSortCommandEventHandler(this.dgList_SortCommand); this.LinkButtonFirst.Click += new System.EventHandler(this.Guid_Click); this.LinkButtonPreview.Click += new System.EventHandler(this.Guid_Click); this.LinkButtonNext.Click += new System.EventHandler(this.Guid_Click); this.LinkButtonLast.Click += new System.EventHandler(this.Guid_Click); this.Load += new System.EventHandler(this.Page_Load);

  }
  #endregion


  private void ShowData()
  {
   string order=this.ViewState["Sort"].ToString();
   //构告SQL的排序字符串
   if(order!="")
   {
    order=" Order By "+order+" ";
   }
   int StartNum=(int)this.ViewState["CurrentPg"]*RecordPerPage;
   int intTemNum=StartNum-RecordPerPage;
   string l_SQL="select * from (select top "+StartNum.ToString()
    +" *  from Customers "+order+") a " 
    +" where a.CustomerID not in (Select top "+intTemNum.ToString()
    +" CustomerID From Customers "+order+")";

   System.Data.SqlClient.SqlConnection 
    l_cnn=new System.Data.SqlClient.SqlConnection(this.m_cnnstr);
   System.Data.SqlClient.SqlDataAdapter 
    l_apd=new System.Data.SqlClient.SqlDataAdapter(l_SQL,l_cnn);
   System.Data.DataTable l_dt=new DataTable("tem");
   l_apd.Fill(l_dt);

   this.dgList.DataSource=l_dt;
   this.dgList.DataBind();

  }

  ///
1<summary>
2      /// 这是用来获取当前总共在数据库中有多少条记录
3      /// </summary>

///

1<returns>返回记录数</returns>

private int GetTatolRecordNumber() { System.Data.SqlClient.SqlConnection l_cnn=new System.Data.SqlClient.SqlConnection(this.m_cnnstr); l_cnn.Open(); System.Data.SqlClient.SqlCommand l_scd=l_cnn.CreateCommand(); l_scd.CommandText="Select Count(*) From Customers"; System.Data.SqlClient.SqlDataReader l_sdr=l_scd.ExecuteReader(); l_sdr.Read(); //取出总记录数 int l_count=l_sdr.GetInt32(0); l_cnn.Close(); return l_count; }

  private void dgList_SortCommand(object source, System.Web.UI.WebControls.DataGridSortCommandEventArgs e)
  {
   string l_CurrentSort=e.SortExpression;
   //记录排序字符串
   this.ViewState["Sort"]= l_CurrentSort;
   foreach(System.Web.UI.WebControls.DataGridColumn l_dgc in this.dgList.Columns)
   {
    /*判断是哪一列要进行排序
    以便第二次点击时是别外一个顺序
    **/
    if(l_dgc.SortExpression==l_CurrentSort)
    {
     l_CurrentSort=l_CurrentSort.Trim();
     //这里只是简单的把字段与排序关键字分开,你可以用正则表达式来做会更好
     string [] l_arr_str=l_CurrentSort.Split(new char[]{' '});
     if(l_arr_str.Length==1)//如果没有后面的排序关键字,则认为它是升序,下次则要改为降序
     {
      l_dgc.SortExpression=l_arr_str[0]+" desc";
     }
     else
     {
      if(l_arr_str[l_arr_str.Length-1].ToLower()=="asc")//如果原来为升序,则改为降序
      {
       l_dgc.SortExpression=l_arr_str[0]+" desc";
      }
      else//如果原来为降序,则改为升序
      {
       l_dgc.SortExpression=l_arr_str[0]+" asc";
      }
     }
     break;//完成排序头更改
    }
   }
   //重新从数据库中取记录并进行排序显示.
   try
   {
    ShowData();
   }
   catch(Exception ex)
   {
    this.Response.Write("
1<font color="red">"+ex.Message+"</font>

"); } }

  private void Guid_Click(object sender, System.EventArgs e)
  {
   try
   {
    setGuide(sender);
    ShowData();
   }
   catch(Exception ex)
   {
    this.Response.Write("
1<font color="red">"+ex.Message+"</font>

"); } }

  ///
1<summary>
2      /// 这是用来显示导行栏中每个元素的状态
3      /// </summary>

///

1<param name="sender"/>

表示是按的那一个导行栏元素的按钮,如果不是由导行栏触发,则传null值 private void setGuide(object sender) { int m_iTotalPage = Convert.ToInt32(System.Math.Ceiling(Convert.ToDouble((int)this.ViewState["TotalRecord"])/Convert.ToDouble(this.RecordPerPage))); if(m_iTotalPage<(int)this.ViewState["CurrentPg"]) this.ViewState["CurrentPg"]=1; if(sender==this.LinkButtonFirst) { this.ViewState["CurrentPg"]=1; } if(sender==this.LinkButtonNext) { this.ViewState["CurrentPg"]=(int)this.ViewState["CurrentPg"]+1; } if(sender==this.LinkButtonPreview) { this.ViewState["CurrentPg"]=(int)this.ViewState["CurrentPg"]-1; } if(sender==this.LinkButtonLast) { this.ViewState["CurrentPg"]=m_iTotalPage; } this.LinkButtonFirst.Enabled=!((int)this.ViewState["CurrentPg"]==1); this.LinkButtonPreview.Enabled=!((int)this.ViewState["CurrentPg"]==1); this.LinkButtonLast.Enabled=!((int)this.ViewState["CurrentPg"]==m_iTotalPage); this.LinkButtonNext.Enabled=!((int)this.ViewState["CurrentPg"]==m_iTotalPage); }

  private void lkbDel_Click(object sender, System.EventArgs e)
  {
   /*
    * 下面是用来确定有哪些记录被选种要删除的.
    *   由于CustomerID是Char类型的,
    *  所以用如下形式来收集该字符串以便在构建删除语句的时候用
    *  "'DDFG','CCFE','FDDD'"
    * */
   string l_str_id="";
   foreach(System.Web.UI.WebControls.DataGridItem l_dgl in this.dgList.Items)
   {
    //chkselect是每个记录项的ID,记住,这是服务器端的ID,不是客户端的ID.
    System.Web.UI.Control l_ct=l_dgl.Cells[0].FindControl("chkselect");
    if(l_ct!=null)
    {
     //下面语句是判断是否记录项的checkbox框初选种
     if(((System.Web.UI.WebControls.CheckBox)l_ct).Checked)
     {
      if(l_str_id=="")
       l_str_id="'"+this.dgList.DataKeys[l_dgl.ItemIndex].ToString()+"'";
      else
       l_str_id+=",'"+this.dgList.DataKeys[l_dgl.ItemIndex].ToString()+"'";
     }
    }
   }
   /*
    * 下面语句是用来删除所选种的ID,"CustomerID"是CustomerID的关键字.
    * */
   try
   {
    if(l_str_id!="")
    {
     System.Data.SqlClient.SqlConnection 
      l_cnn=new System.Data.SqlClient.SqlConnection(this.m_cnnstr);
     l_cnn.Open();
     System.Data.SqlClient.SqlCommand 
      l_scd=l_cnn.CreateCommand();
     l_scd.CommandText="Delete From Customers where CustomerID in ("
      +l_str_id+")";
     l_scd.ExecuteNonQuery();
    }
    /*
     * 删除记录后,要重新计算记录数
     * 及重新显示记录.
     * */
    this.ViewState["TotalRecord"]=GetTatolRecordNumber();
    setGuide(null);
    ShowData();
   }
   catch(Exception ex)//这是发生错误后所报的错误
   {
    this.Response.Write("
1<font color="red">"+ex.Message+"</font>

"); } } } }


Published At
Categories with Web编程
Tagged with
comments powered by Disqus