ListView实现选择，排序，分页

返回此系列教程目录

选择例子   【学习源码下载】

前端代码：

1. <asp:ListView ID="ListView1" runat="server"  
2.             onselectedindexchanging="ListView1_SelectedIndexChanging"> 
3.             <LayoutTemplate> 
4.                 <table id="Table1" runat="server" border="0" style=""> 
5.                     <tr runat="server" id="itemPlaceholder" /> 
6.                 </table> 
7.             </LayoutTemplate> 
8.             <ItemTemplate> 
9.                 <tr> 
10.                     <td> 
11.                         <%#Eval("ID") %> 
12.                     </td> 
13.                     <td> 
14.                         <asp:Label ID="idLabel" runat="server" Text='<%# Eval("name") %>' /> 
15.                     </td> 
16.                     <td> 
17.                         <asp:Label ID="xLabel" runat="server" Text='<%# Eval("age") %>' /> 
18.                     </td> 
19.                     <td> 
20.                     <asp:Button ID="SelectButton" CommandName="Select" runat="server" Text="选择" /> 
21.                     </td> 
22.                      
23.                 </tr> 
24.             </ItemTemplate> 
25.             <SelectedItemTemplate> 
26.             <tr style="background-color:Blue"> 
27.                     <td> 
28.                         <%#Eval("ID") %> 
29.                     </td> 
30.                     <td> 
31.                         <asp:Label ID="idLabel" runat="server" Text='<%# Eval("name") %>' /> 
32.                     </td> 
33.                     <td> 
34.                         <asp:Label ID="xLabel" runat="server" Text='<%# Eval("age") %>' /> 
35.                     </td> 
36.                     <td> 
37.                     <asp:Button ID="SelectButton" CommandName="Select" runat="server" Text="选择" /> 
38.                     </td> 
39.                      
40.                 </tr> 
41.             </SelectedItemTemplate> 
42.        </asp:ListView> 

后台代码：

1. protected void ListView1_SelectedIndexChanging(object sender, ListViewSelectEventArgs e) 
2.     { 
3.         ListView1.SelectedIndex = e.NewSelectedIndex; 
4.         Bind(); 
5.     } 

排序

前端代码：

1. <asp:ListView ID="ListView1" runat="server" OnSorting="ListView1_Sorting"> 
2.             <LayoutTemplate> 
3.                 <table id="Table1" runat="server" border="0" style=""> 
4.                     <tr> 
5.                         <td> 
6.                             <asp:LinkButton ID="LinkButton1" CommandArgument="ID" runat="server" CommandName="Sort">ID</asp:LinkButton> 
7.                         </td> 
8.                         <td> 
9.                             <asp:LinkButton ID="LinkButton2" CommandArgument="Name" runat="server" CommandName="Sort">Name</asp:LinkButton> 
10.                         </td> 
11.                         <td> 
12.                             <asp:LinkButton ID="LinkButton3" CommandArgument="Age" runat="server" CommandName="Sort">Age</asp:LinkButton> 
13.                         </td> 
14.                     </tr> 
15.                     <tr runat="server" id="itemPlaceholder" /> 
16.                 </table> 
17.             </LayoutTemplate> 
18.             <ItemTemplate> 
19.                 <tr> 
20.                     <td> 
21.                         <%#Eval("ID") %> 
22.                     </td> 
23.                     <td> 
24.                         <%# Eval("name") %> 
25.                     </td> 
26.                     <td> 
27.                         <%# Eval("age") %> 
28.                     </td> 
29.                 </tr> 
30.             </ItemTemplate> 
31.         </asp:ListView> 

排序模拟数据提供代码：

1. namespace Data 
2. { 
3.     /// <summary> 
4.     ///DataAccess 的摘要说明 
5.     /// </summary> 
6.     public class DataAccess 
7.     { 
8.         public List<Employee> List; 
9.         public DataAccess() 
10.         { 
11.             List = new List<Employee>(); 
12.             Employee e1 = new Employee { ID = 1, Name = "A", Age = 10 }; 
13.             Employee e2 = new Employee { ID = 3, Name = "M", Age = 30 }; 
14.             Employee e3 = new Employee { ID = 2, Name = "B", Age = 40 }; 
15.             Employee e4 = new Employee { ID = 4, Name = "S", Age = 19 }; 
16.             Employee e5 = new Employee { ID = 6, Name = "X", Age = 18 }; 
17.             Employee e6 = new Employee { ID = 5, Name = "W", Age = 20 }; 
18.             List.Add(e1); 
19.             List.Add(e2); 
20.             List.Add(e3); 
21.             List.Add(e4); 
22.             List.Add(e5); 
23.             List.Add(e6); 
24.         } 
25.         public void SortID( string sortDirection) 
26.         { 
27.             if (sortDirection == "ASC") 
28.             { 
29.                 List.Sort(new EmployeeIDAscCompare()); 
30.             } 
31.             else 
32.             { 
33.                 List.Sort(new EmployeeIDDescCompare()); 
34.             } 
35.         } 
36.     } 
37.     class EmployeeIDAscCompare:IComparer<Employee> 
38.     { 
39.  
40.         #region IComparer<Employee> 成员 
41.  
42.         public int Compare(Employee x, Employee y) 
43.         { 
44.             return x.ID.CompareTo(y.ID); 
45.         } 
46.  
47.         #endregion 
48.     } 
49.     class EmployeeIDDescCompare : IComparer<Employee> 
50.     { 
51.  
52.         #region IComparer<Employee> 成员 
53.  
54.         public int Compare(Employee x, Employee y) 
55.         { 
56.             return y.ID.CompareTo(x.ID); 
57.         } 
58.  
59.         #endregion 
60.     } 
61.      
62.     public class Employee 
63.     { 
64.         public int ID { get; set; } 
65.         public string Name { get; set; } 
66.         public int Age { get; set; } 
67.         public int Sex { get; set; } 
68.     } 
69. } 

排序后台代码：

1. public partial class Default3 : System.Web.UI.Page 
2. { 
3.     DataAccess da; 
4.     protected void Page_Load(object sender, EventArgs e) 
5.     { 
6.         if (Session["da"] == null) 
7.         { 
8.             da = new DataAccess(); 
9.             Session["da"] = da; 
10.         } 
11.         else 
12.         { 
13.             da = Session["da"] as DataAccess; 
14.         } 
15.         if (!IsPostBack) 
16.         { 
17.             Bind(); 
18.         } 
19.     } 
20.     private void Bind() 
21.     { 
22.         ListView1.DataSource = da.List; 
23.         ListView1.DataBind(); 
24.     } 
25.     protected void ListView1_Sorting(object sender, ListViewSortEventArgs e) 
26.     { 
27.         if (String.IsNullOrEmpty(e.SortExpression)) { return; } 
28.         string direction = ""; 
29.         if (ViewState["SortDirection"] != null) 
30.             direction = ViewState["SortDirection"].ToString(); 
31.  
32.         if (direction == "ASC") 
33.             direction = "DESC"; 
34.         else 
35.             direction = "ASC"; 
36.  
37.         ViewState["SortDirection"] = direction; 
38.  
39.         da.SortID(direction); 
40.         Bind(); 
41.     } 
42. } 

分页例子

前端代码：

1. <asp:ListView ID="ListView1" runat="server" OnPagePropertiesChanging="ListView1_PagePropertiesChanging1"> 
2.             <LayoutTemplate> 
3.                 <table id="Table1" runat="server" border="0" style=""> 
4.                     <tr runat="server" id="itemPlaceholder" /> 
5.                 </table> 
6.             </LayoutTemplate> 
7.             <ItemTemplate> 
8.                 <tr> 
9.                     <td> 
10.                         <%#Eval("ID") %> 
11.                     </td> 
12.                     <td> 
13.                         <%# Eval("name") %> 
14.                     </td> 
15.                     <td> 
16.                         <%# Eval("age") %> 
17.                     </td> 
18.                 </tr> 
19.             </ItemTemplate> 
20.         </asp:ListView> 
21.     </div> 
22.     <div style="padding: 10px; text-align: right;"> 
23.         <asp:DataPager ID="Pager" runat="server" PagedControlID="ListView1" PageSize="2"> 
24.             <Fields> 
25.                 <asp:NumericPagerField ButtonCount="10" NextPageText="" PreviousPageText="" /> 
26.                 <asp:NextPreviousPagerField FirstPageText="First" LastPageText="Last" NextPageText="Next" 
27.                     PreviousPageText="Previous" /> 
28.             </Fields> 
29.         </asp:DataPager> 
30.     </div> 

后台代码：

1. protected void ListView1_PagePropertiesChanging1(object sender, PagePropertiesChangingEventArgs e) 
2.     { 
3.         Pager.SetPageProperties(e.StartRowIndex, e.MaximumRows, false); 
4.         Bind(); 
5.     }