Repeater 双向排序

做项目的时候，DataGrid ,DataList,Repeater 三个控件都是很优秀的数据显示控件，DataGrid的方便，简单易用，功能强大，但对性能会有所影响，在loading页面的时候大量的Html会占用一些时间，DataList 较之DataGrid功能显然减少一些，经常在一些特殊的页面制作或需求中来用,经常简单的页面显示收据表格，使用Repeater+Table即方便又快捷，但是却没有DataGrid那样方便，最近做项目，全部使用Repeater,但是客户突然要求要对数据表格进行排序，惨了~~~~~，第一印象就是DataGrid控件有排序功能，要换控件吗？靠，那么多表单，全部换DataGrid会出人命，于是就想办法，来实现Repeater的排序。下面就是我做的一个Repeater实现双向排序的例子：主要使用LinkButton，Repeater，ViewState,Cache结合来完成的。
效果如下图：

下载原代码：/Files/vaiyanzi/Attch/RepeaterOrder.rar
前台Html代码：

<%@ Page language="c#" Codebehind="RepeaterOrderForm.aspx.cs" AutoEventWireup="false" Inherits="RepeaterOrder.RepeaterOrderForm" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

<HTML>

<HEAD>

<title>RepeaterOrderForm</title>

</HEAD>

<tr>

<td colspan=5 align=center><font color=blue size=12>Repeater实现双向排序功能</font></td>

</tr>

<asp:Repeater id="rpOrder" runat="server">

<td>

<asp:LinkButton ID="LastName" Runat="server" text="LastName" CommandName="LastName"></asp:LinkButton></td>

<td>

<asp:LinkButton ID="FirstName" Runat="server" text="FirstName" CommandName="FirstName"></asp:LinkButton></td>

<td>

<asp:LinkButton ID="Title" Runat="server" text="Title" CommandName="Title"></asp:LinkButton></td>

<td>

<asp:LinkButton ID="Address" Runat="server" text="Address" CommandName="Address"></asp:LinkButton></td>

<td>

<asp:LinkButton ID="City" Runat="server" text="City" CommandName="City"></asp:LinkButton></td>

</tr>

</HeaderTemplate>

<tr>

<td><%

# DataBinder.Eval(Container.DataItem,"LastName")%></td>

<td><%

# DataBinder.Eval(Container.DataItem,"FirstName")%></td>

<td><%

# DataBinder.Eval(Container.DataItem,"Title")%></td>

<td><%

# DataBinder.Eval(Container.DataItem,"Address")%></td>

<td><%

# DataBinder.Eval(Container.DataItem,"City")%></td>

</tr>

</ItemTemplate>

</asp:Repeater>

</table>

</form>

</body>

</HTML>

后台CS文件：

using System;
2

using System.Collections;
3

using System.ComponentModel;
4

using System.Data;
5

using System.Drawing;
6

using System.Web;
7

using System.Web.SessionState;
8

using System.Web.UI;
9

using System.Web.UI.WebControls;
10

using System.Web.UI.HtmlControls;
11

using System.Data.SqlClient;
12

using System.Configuration;
13

namespace RepeaterOrder
15

{
16

/**//// <summary>
17

/// RepeaterOrderForm 的摘要说明。
18

/// </summary>
19

public class RepeaterOrderForm : System.Web.UI.Page
20

{
21

protected System.Web.UI.WebControls.Repeater rpOrder;
22

private readonly string CONNECTIONSTRING=ConfigurationSettings.AppSettings["ConnectionString"];
23

private void Page_Load(object sender, System.EventArgs e)
24

{
25

if(!IsPostBack)
26

{
27

BindRepeater();
28

}
29

}
30

private DataView GetData
31

{
32

get
33

{
34

return Cache["_data"] as DataView;
35

}
36

set
37

{
38

if( Cache["_data"]==null)
39

Cache["_data"]=value;
40

}
41

}
42

Web 窗体设计器生成的代码#region Web 窗体设计器生成的代码
43

override protected void OnInit(EventArgs e)
44

{
45

//
46

// CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
47

//
48

InitializeComponent();
49

base.OnInit(e);
50

}
51

/**//// <summary>
53

/// 设计器支持所需的方法 - 不要使用代码编辑器修改
54

/// 此方法的内容。
55

/// </summary>
56

private void InitializeComponent()
57

{
58

this.Load += new System.EventHandler(this.Page_Load);
59

this.rpOrder.ItemCommand+=new RepeaterCommandEventHandler(rpOrder_ItemCommand);
60

this.rpOrder.ItemDataBound+=new RepeaterItemEventHandler(rpOrder_ItemDataBound);
61

}
63

#endregion
64

private SqlConnection Conn()
66

{
67

return new SqlConnection(CONNECTIONSTRING);
68

}
69

private void BindRepeater()
71

{
72

DataSet ds=new DataSet();
73

SqlDataAdapter da=new SqlDataAdapter("Select * From Employees",Conn());
74

da.Fill(ds);
75

GetData=ds.Tables[0].DefaultView;
76

rpOrder.DataSource=ds.Tables[0];
77

rpOrder.DataBind();
78

}
79

private void rpOrder_ItemCommand(object source, RepeaterCommandEventArgs e)
81

{
82

if(e.Item.ItemType==ListItemType.Header)
83

{
84

LinkButton lkbtnSort=(LinkButton)e.Item.FindControl(e.CommandName.Trim());
85

if(ViewState[e.CommandName.Trim()]==null)
86

{
87

ViewState[e.CommandName.Trim()]="ASC";
88

lkbtnSort.Text=lkbtnSort.Text+"▲";
89

}
90

else
91

{
92

if(ViewState[e.CommandName.Trim()].ToString().Trim()=="ASC")
93

{
94

ViewState[e.CommandName.Trim()]="DESC";
95

if(lkbtnSort.Text.IndexOf("▲")!=-1)
96

lkbtnSort.Text=lkbtnSort.Text.Replace("▲","▼");
97

else
98

lkbtnSort.Text=lkbtnSort.Text+"▼";
99

}
100

else
101

{
102

ViewState[e.CommandName.Trim()]="ASC";
103

if(lkbtnSort.Text.IndexOf("▼")!=-1)
104

lkbtnSort.Text=lkbtnSort.Text.Trim().Replace("▼","▲");
105

else
106

lkbtnSort.Text=lkbtnSort.Text+"▲";
107

}
108

}
109

ViewState["text"]=lkbtnSort.Text;
110

ViewState["id"]=e.CommandName.Trim();
111

DataView dv=GetData;
112

dv.Sort=e.CommandName.ToString().Trim()+" "+ViewState[e.CommandName.Trim()].ToString().Trim();
113

rpOrder.DataSource=dv;
114

rpOrder.DataBind();
115

}
116

}
117

118

private void rpOrder_ItemDataBound(object sender, RepeaterItemEventArgs e)
119

{
120

if(e.Item.ItemType==ListItemType.Header)
121

{
122

if(ViewState["id"]!=null)
123

{
124

LinkButton lkbtnSort=(LinkButton)e.Item.FindControl(ViewState["id"].ToString().Trim());
125

lkbtnSort.Text=ViewState["text"].ToString();
126

}
127

}
128

}
129

}
130

}
131

Repeater 双向排序相关推荐

Repeater点击表头双向排序
repeater实现排序功能(双击升序排列,再双击降序排列).原理很简单,在<TD>中加个Ondblclick,用它来触发一个LinkButton的服务器事件.LinkButton的服务器 ...
DataGrid双向排序以及给HeaderText加图标
DataGrid双向排序以及给HeaderText加图标 DataGrid默认情况下只支持单向排序,而且默认是升序(ASC).能不能使之支持双向排序并且给HeaderText加图标呢? ...
2021年第十二届蓝桥杯 - 省赛 - C/C++大学B组 - I.双向排序
2021年第十二届蓝桥杯 - 省赛 - C/C++大学B组 - I.双向排序 Ideas 题目中给出了两种操作: 当 pi = 0 时,表示将 a1, a2, · · · , aqi 降序排列: 当 ...
Scott Mitchell 的ASP.NET 2.0数据教程之四十五::DataList和Repeater数据排序（三）
第七步: 在自定义分页的Repeater 里添加排序功能现在已经完成了自定义分页,我们再来添加排序功能.ProductsBLL类的GetProductsPagedAndSorted方法和GetPro ...
第十二届蓝桥杯A组省赛试题 I: 双向排序（Java）
试题 I: 双向排序本题总分:25 分 [问题描述] 给定序列 (a1, a2, · · · , an) = (1, 2, · · · , n),即 ai = i. 小蓝将对这个序列进行 m 次操作 ...
Repeater内部排序
Repeater内部排序,调用 <%# this.repUser.Items.Count + 1%> <asp:Repeater ID="repUser" run ...
Scott Mitchell 的ASP.NET 2.0数据教程之四十五::DataList和Repeater数据排序
Scott Mitchell 的ASP.NET 2.0数据教程之四十五::DataList和Repeater数据排序(一) 原文 | 下载本教程中的编码例子 | 下载本教程的PDF版 (以后比较长的部 ...
2021 第十二届蓝桥杯双向排序题解栈+文艺平衡树
2021 第十二届蓝桥杯双向排序题解栈+文艺平衡树题目描述思路实现方法代码只用栈只用栈的代码题目描述原题链接:https://www.lanqiao.cn/problems/14 ...
datagrid的正反双向排序
在asp.net中利用datagrid控件按列进行排序很是方便.可是我们只能单项排序!如果我们需要正反排序那么就需要加入一些代码控制一下. 首先我们需要将datagird控件的属性设置为 AllowS ...

Repeater 双向排序

Repeater 双向排序相关推荐

最新文章

热门文章