DataGrid排序、分页、选择

原创 2004年10月19日 15:32:00

HTML

  • 添加一个DataGrid,命名为dgOrder
  • 添加了一个模板列,模板列里放一个名为CbCheckBox控件。此列用来实现选择
  • 为要排序的每个列加上排序表达式SortExpression
  • 利用列的DataFormatString来格式化列,象DataFormatString="{0:d}"显示日期格式。
  • 设置PageSize="15"每页显示15行数据,AllowPaging="True" 为允许分页

<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

 

整个HTML页代码:

<form id="Form1" method="post" runat="server">

       <asp:datagrid id="dgOrder" runat="server" Height="515px" Width="718px" AutoGenerateColumns="False" AllowSorting="True" CellPadding="4" BorderWidth="1px" BorderColor="#A0ABEB" PageSize="15" BorderStyle="Solid" BackColor="White" GridLines="Vertical" ForeColor="Black" AllowPaging="True" ShowFooter="True">

              <SelectedItemStyle ForeColor="White" BackColor="Black"></SelectedItemStyle>

              <AlternatingItemStyle BackColor="#EEEEEE"></AlternatingItemStyle>

              <HeaderStyle HorizontalAlign="Center" ForeColor="White" BorderColor="#<?xml:namespace prefix = st1 ns = "urn:schemas-microsoft-com:office:smarttags" />6876C5" BackColor="#6876C5"></HeaderStyle>

              <FooterStyle ForeColor="White" BackColor="#6876C5"></FooterStyle>

              <Columns>

                     <asp:TemplateColumn>

                            <ItemTemplate>

                                   <FONT face="宋体">

                                          <asp:CheckBox id="Cb" runat="server"></asp:CheckBox></FONT>

                            </ItemTemplate>

                     </asp:TemplateColumn>

                     <asp:BoundColumn DataField="orderid" SortExpression="orderid" HeaderText="ID">

                            <HeaderStyle Width="180px"></HeaderStyle>

                     </asp:BoundColumn>

                     <asp:BoundColumn DataField="ShipCountry" SortExpression="ShipCountry" HeaderText="ShipCountry">

                            <HeaderStyle Width="180px"></HeaderStyle>

                     </asp:BoundColumn>

                     <asp:BoundColumn DataField="ShippedDate" SortExpression="ShippedDate" HeaderText="ShippedDate" DataFormatString="{0:d}">

                            <HeaderStyle Width="180px"></HeaderStyle>

                     </asp:BoundColumn>

                     <asp:BoundColumn DataField="Freight" SortExpression="Freight" HeaderText="Freight">

                            <HeaderStyle Width="180px"></HeaderStyle>

                     </asp:BoundColumn>

                     <asp:BoundColumn DataField="ShipAddress" SortExpression="ShipAddress" HeaderText="ShipAddress">

                            <HeaderStyle Width="480px"></HeaderStyle>

                     </asp:BoundColumn>

              </Columns>

              <PagerStyle HorizontalAlign="Center" ForeColor="Black" Position="TopAndBottom" BackColor="White" Mode="NumericPages"></PagerStyle>

       </asp:datagrid>

</form>

 

 

 

后台类添加以下代码:

 

Imports System.Data.SqlClient

 

'得到数据视图,参数为要排序的列

Private Function GetDv(ByVal strSort As String) As DataView

        '定义数据库连接

        Dim dv As DataView

        Dim CN As New SqlConnection()

        Try

            '初始化连接字符串

            CN.ConnectionString = "data source=pmserver;initial catalog=Northwind;persist security info=False;user id=sa;Password=sa;"

            CN.Open()

'NorthWind得到orders表的数据

            Dim adp As SqlDataAdapter = New SqlDataAdapter("select * from orders", CN)

            Dim ds As New DataSet()

            adp.Fill(ds)

            '得到数据视图

            dv = ds.Tables(0).DefaultView

        Catch ex As Exception

#If DEBUG Then

            Session("Error") = ex.ToString()

            Response.Redirect("../error.aspx")        '跳转程序的公共错误处理页面

#End If

        Finally

            '关闭连接

            CN.Close()

        End Try

        '排序

        dv.Sort = strSort

        Return dv

    End Function

 

    Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load

        If Not IsPostBack Then

            ViewState("strSort") = "orderid"

            dgOrder.DataSource = GetDv(ViewState("strSort").ToString())

            dgOrder.DataBind()

        End If

    End Sub

       '排序

    Private Sub dgOrder_SortCommand(ByVal source As Object, ByVal e As System.Web.UI.WebControls.DataGridSortCommandEventArgs) Handles dgOrder.SortCommand

        dgOrder.CurrentPageIndex = 0

          '得到排序的列

        ViewState("strSort") = e.SortExpression.ToString()

        dgOrder.DataSource = GetDv(ViewState("strSort").ToString())

        dgOrder.DataBind()

    End Sub

 

       '分页

    Private Sub dgOrder_PageIndexChanged(ByVal source As Object, ByVal e As System.Web.UI.WebControls.DataGridPageChangedEventArgs) Handles dgOrder.PageIndexChanged

          '得到分页的页号

        dgOrder.CurrentPageIndex = e.NewPageIndex

        dgOrder.DataSource = GetDv(ViewState("strSort").ToString())

        dgOrder.DataBind()

    End Sub

运行结果如下图所示:(点击列标头可以排序)

<?xml:namespace prefix = v ns = "urn:schemas-microsoft-com:vml" />

 

为了知道用户选择的是哪些记录,我们可以利用DataGridItemFindControl得到CheckBox的值,我们来添加一个按钮,再写如下代码:

    Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click

        Dim item As DataGridItem

        Dim StrScript As String

        StrScript = "<script language=javascript>alert('"

          '循环表格的项,FindControl

        For Each item In Me.dgOrder.Items

            If CType(item.FindControl("cb"), System.Web.UI.WebControls.CheckBox).Checked Then

                Try

                    StrScript += item.Cells(1).Text & Space(2)

                Catch ex As Exception

                End Try

            End If

        Next

        StrScript += "被选择!')</script>"

        RegisterClientScriptBlock("系统消息", StrScript)

    End Sub

 

上面的代码RegisterClientScriptBlock添加Java Script脚本弹出对话框。(其实Vb Script的对话框比Java Script的对话框多更多的显示和控制方式,但Netscape的浏览器不支持,大家可根据相应的项目在程序里选择用哪种脚本)。

 

 

 

 

总结:

DataGrid是我们常用的Web 控件,有时我们还可以和DataList混合使用,通过修改HTML页,可以达到好的页面效果。上面只是一个例子,为了便于清楚整个过程,我把数据访问部分(SQL)写到了页面中。在软件开发中,我们一般把访问数据的部分写成数据层,页面调用数据层得到数据,这样逻辑清晰,修改和维护都很方便。

让Asp.NET的DataGrid可排序、可选择、可分页

   让Asp.NET的DataGrid可排序、可选择、可分页       DataGrid是Asp.NET中的一个重要的控件,经常我们都将DataGrid做成可分页的和可排序的,有时还需要加上选择功...
  • lihonggen0
  • lihonggen0
  • 2004年05月17日 17:02
  • 4114

EasyUI Datagrid 分页和排序

datagrid分页     只需后台获取分页控件自动提交的两个参数每页显示的记录数rows和当前第几页page,然后读取相应页数的记录,和总记录数total一块返回即可,注意返回值要为Json。例如...
  • u012841509
  • u012841509
  • 2013年12月30日 13:01
  • 1335

easyui datagrid 客户端搜索、分页、排序

easyui datagrid的排序默认是服务器端排序,可以用sorter实现客户端排序[2];客户端分页可用filter实现[3];客户端搜索同样可以用filter实现。...
  • junglezax
  • junglezax
  • 2014年06月26日 14:22
  • 2226

DataGrid常用三种方法:分页,排序,后绑定 (转)

当DataGrid数据绑定之后将数据存入Cache;dgList.DataSource = ds;                this.Cache["DataSet"] = ds;        ...
  • luckisok
  • luckisok
  • 2007年04月25日 00:10
  • 835

easyui datagrid本地分页排序

html代码 加载数据 js代码 var listData = []; $(function(){ $('#dg').datagr
  • lnkToKing
  • lnkToKing
  • 2016年11月18日 10:45
  • 1854

jquery easyui datagrid使用,分页、排序、查询

$('#dg').datagrid({                 url: "xxx.ashx",                 pagination: true,              ...
  • cafuc229
  • cafuc229
  • 2013年11月14日 20:27
  • 17590

wpf DataGrid的分页实现

DataGrid  Name="dataGrid1" AutoGenerateColumns="False">            DataGrid>  StackPanel Orien...
  • swarb
  • swarb
  • 2012年11月29日 13:36
  • 7317

MiniUI DataGrid 页面分页-前端分页

作为一种前框开发脚本,Mini 目前已经到了3.0.对于Mini的使用,各类介绍也有不少,官网http://www.miniui.com/demo/ 也有不少介绍。但是具体到一些应用,总是有些差别。 ...
  • mystonelxj
  • mystonelxj
  • 2017年12月13日 21:59
  • 123

Flex DataGrid 默认情况下的排序方式

DataGridColumn的属性sortCompareFunction和sortDescending是点击列头后的排序方式,而要确定默认情况下的排序方式是无效的。那么怎么办? 查看datagrid...
  • john2522
  • john2522
  • 2011年12月10日 01:08
  • 4980

EasyUI的datagrid组件实现分页

EasyUI的datagrid组件实现分页,后台为Struts2+Spring+Hibernate,利用DetachedCriteria对象进行简单的分页查询。要点: datagrid组件的参数和响应...
  • jianshen0925
  • jianshen0925
  • 2016年11月08日 14:23
  • 1313
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:DataGrid排序、分页、选择
举报原因:
原因补充:

(最多只允许输入30个字)