ASP.Net2.0 GridView 多列排序,显示排序图标,分页
2007-01-23 15:44
609 查看
ASP.Net2.0 GridView 多列排序,显示排序图标,分页。(转帖)
最近在使用ASP.net 2.0的GridView控件时,发现排序与分页功能Microsoft实现的都很简单,比如排序,在点击列名的时候来触发整页的PostBack,然后排序,但是在列头上没有一
个显示升序降序的图标,这会让最终用户使用时很迷惑,因为不知道是升序了还是降序了,所
以今天首先解决的第一问题就是升序降序在列上显示图标,第二要解决的问题是默认GridView按列排序只能排一列的,也就是不能进行多列排序,而在实际
应用中仅仅按照一列来排序是不能满足业务需求的,第三是GridView
分页问题,GridView预定义的分页页码显示,比较简单,而实际应用中,分页可能不是只显示首页,上一页,下一页,末页,或者是数字的页码那么简单,
应该更需要,跳转,当前的页码,总页数等,更详尽的信息。
第一:GridView 多列排序与排序图标显示
首先我们可以新建一个类库程序,主要需要引用System.Web.Dll文件
然后新建一个类,这个类继承与GridView控件,我们只需要对部分方法进行重新即可。
我的演示的例子,采用了单列排序,如果启用多列排序,把控件的AllowMultiColumnSorting设置为True就是
多列排序。
1 public class WebGridView:GridView 2</script> <html> <body> <form id="Form1" runat="server"> <h3> GridView PagerTemplate Example</h3> <asp:WebGridView ID="CustomersGridView" DataSourceID="CustomersSqlDataSource" AutoGenerateColumns="true" AllowPaging="true" OnDataBound="CustomersGridView_DataBound" SortAscImageUrl="~\images\arrow-up.gif" SortDescImageUrl="~\images\arrow-down.gif" runat="server" AllowSorting="True" Width="723px"> <PagerStyle ForeColor="Blue" BackColor="LightBlue" /> <PagerTemplate> <table width="100%"> <tr> <td width="70%"> <asp:Label ID="MessageLabel" ForeColor="Blue" Text="页码:" runat="server" /> <asp:DropDownList ID="PageDropDownList" AutoPostBack="true" OnSelectedIndexChanged="PageDropDownList_SelectedIndexChanged" runat="server" /> <asp:LinkButton CommandName="Page" CommandArgument="First" ID="linkBtnFirst" runat="server">首页</asp:LinkButton> <asp:LinkButton CommandName="Page" CommandArgument="Prev" ID="linkBtnPrev" runat="server">上一页</asp:LinkButton> <asp:LinkButton CommandName="Page" CommandArgument="Next" ID="linkBtnNext" runat="server">下一页</asp:LinkButton> <asp:LinkButton CommandName="Page" CommandArgument="Last" ID="linkBtnLast" runat="server">末页</asp:LinkButton> </td> <td width="70%" align="right"> <asp:Label ID="CurrentPageLabel" ForeColor="Blue" runat="server" /> </td> </tr> </table> </PagerTemplate> </asp:WebGridView> <asp:SqlDataSource ID="CustomersSqlDataSource" SelectCommand="Select [CustomerID], [CompanyName], [Address], [City], [PostalCode], [Country] From [Customers]" ConnectionString="<%$ ConnectionStrings:NorthWindConnectionString%>" runat="server"> </asp:SqlDataSource> </form> </body> </html> 效果:
相关文章推荐
- ASP.Net2.0GridView多列排序,显示排序图标,分页
- ASP.Net2.0GridView多列排序,显示排序图标,分页
- ASP.Net2.0 GridView 多列排序,显示排序图标,分页
- ASP.Net2.0 GridView 多列排序,显示排序图标,分页。
- ASP.Net2.0 GridView 多列排序,显示排序图标,分页。(转帖)
- ASP.Net2.0 GridView 多列排序,显示排序图标,分页(转)
- ASP.Net2.0 GridView 多列排序,显示排序图标,分页
- ASP.Net2.0 GridView 多列排序,显示排序图标,分页
- override ASP.Net2.0 GridView 多列排序,显示排序图标,分页
- ASP.Net2.0 GridView 多列排序,显示排序图标,分页
- ASP.Net2.0 GridView 多列排序,显示排序图标,分页
- Gridview实现多列排序,并显示图标
- GridView 实现自定义分页、排序、查询、添加、编辑、多选删除、导出、突出显示等常见应用实现(cs)
- GridView 实现自定义分页、排序、查询、添加、编辑、多选删除、导出、突出显示等常见应用实现
- ASP.NET-GridView分页排序显示
- jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
- GridView 实现自定义分页、排序、查询、添加、编辑、多选删除、导出、突出显示等常见应用实现
- [转]Gridview实现多列排序,并显示图标
- jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)