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

2016-02-19 11:12 27 1 收藏

下面图老师小编要向大家介绍下让Asp.NET的DataGrid可排序、可选择、可分页,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

【 tulaoshi.com - Web开发 】

DataGrid是Asp.NET中的一个重要的控件,经常我们都将DataGrid做成可分页的和可排序的,有时还需要加上选择功能。这些都是经常需要用到的方法,其实是比较简单的。

设计思路:
为了方便起见,我们连接SQL Server 2000的NorthWind数据库的Orders表,从数据库里得到此表的数据视图。利用DataGrid的SortCommand事件实现排序。用一个模板列加上CheckBox控件实现选择。可用DataGrid的属性生成器的“分页”选项或者自己修改HTML实现分页。

HTML:

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

整个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="#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 

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

 

为了知道用户选择的是哪些记录,我们可以利用DataGridItem的FindControl得到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=javascriptalert('"

'循环表格的项,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)写到了页面中。在软件开发中,我们一般把访问数据的部分写成数据层,页面调用数据层得到数据,这样逻辑清晰,修改和维护都很方便。

来源:https://www.tulaoshi.com/n/20160219/1596758.html

延伸阅读
标签: ASP
  关于Namespace(命名空间)的使用 在前面的程序中我们看到,我常用<% @ Import Namespace="System.Data" %,这是在引用M$为我们提供的Namespace,这和ASP不同的,我们在ASP.net必须先引用与我们操作有关的Namespace后才能使用相应的功能。其实说白了,一个Namespace; 就是一个组件。这个是关于ASP.net的高级应用,我会在后面...
标签: ASP
  ASP+出来都快半年了,我们站点也做了不少的介绍,但是今天飞刀我才终于有了心思来写一下关于这个ASP+的文章了。呵呵,让大家久等了。     首先我得申明,本教程适用于有一定网络编程经验的人,比如asp,php,cgi,jsp开发者,如果你对网络编程一点也不了解,那么您还是先去学学其它的语言,不然以下的文章您会有很多看...
标签: ASP
  上一节 ,我们简单介绍了ASP+的配制环境,我们这一节来谈谈ASP+的语法.其实当你装好NGWS后,他所带的文档是最好的学习ASP+的教程,要你E文足够好,以及很好的耐性,学习ASP+不是难事啦.我们这些家伙也是从这里学了很多的,这篇关于ASP+语法的文章,大多数也来自于M$的原文,最可惜的就是我们的服务器不能装上NGWS,有些例子,大家不能看...
标签: ASP
  ASP.Net中状态保存 在ASP保存一些共享、个人状态,使用的是Application、Session、Cookie这三种。呵呵。在ASP.Net中M$除了继承Application等外,又给我们新的一种状态变量信息State,它是用来保存WEB控件的状态的变量,很新鲜吧,一定要快点知道啦:) 不好意思,飞刀还是从原始一步步来说吧。先从Application讲起。(台下一片吼声),...
最近在用.NET做一个Java软件的接口,其中开发过程中涉及不少对Xml文档的操作,借助微软的MSDN和自己的使用经验,现简单介绍一下ASP.NET中对XML文档的操作。 一、 XML文档 我们大家都知道,XML是"Extensible Markup Language"的缩写,即可扩展标记语言。它是Internet环境中跨平台的、依赖于内容的技术,是这个时代中...

经验教程

16

收藏

72
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部