Sử dụng điều khiển Gridview
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (436.99 KB, 10 trang )
186
Bạn có thể điều chỉnh sự xuất hiện của bullet trong BulletList với thuộc tính BulletStyle
với các giá trị có thể có sau:
Circle, CustomImage, Disc, LowerAlpha, LowerRoman, NotSet, Numbered, Square,
UpperAlpha, UpperRoman,
Với thuộc tính có giá trị là CustomImage bạn cần chỉ đến đường dẫn của ảnh trong
thuộc tính BulletImageURL
Ví dụ trong Code 9.11 bạn thêm vào thuộc tính Bulletstyle với giá trị là Circle bạn sẽ
thấy kết xuất của chương trình như sau:
Chương 10. Sử dụng điều khiển GridView
GridView trình bày dữ liệu như thẻ Table của HTML mà mỗi mục dữ liệu như vói thẻ TR
Chúng ta cùng đi vào xây dựng một lớp gridViewHelper giúp việc điền dữ liệu vào
gridView trong các ví dụ của chúng ta.
Trong chương này ngoài điều khiển ngoài điều khiển GridView các bạn sẽ được giới
thiệu thêm về điều khiển sqlDatasource.
Ta đi vào một ví dụ đơn giản: Bạn hiển thị dữ liệu từ bảng Giới thiệu ra 1 GridView
Trong file web.config: bạn thêm vào
<connectionStrings>
<add name="Gridview" connectionString="Data Source=.\SQLEXPRESS;
AttachDbFilename=|DataDirectory|Database.mdf;Integrated Security=True;user
Instance=True" />
</connectionStrings>
Bạn tạo một trang SimpleGridview.aspx và đưa vào một điều khiển SqlDataSource và
điền vào nó các thuộc tính như sau:
187
Code 10.1
<%@ Page Language="C#" AutoEventWireup="true"
CodeFile="SimpleGridview.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
" />
<html xmlns=" >
<head runat="server">
<title>GridView</title>
</head>
<body>
<form id="form1" runat="server">
<div id="navcontain">
<asp:GridView AllowSorting="true" DataSourceID="SqlDataSource1"
ID="GridView1" runat="server">
</asp:GridView>
<asp:SqlDataSource ConnectionString="<%$ ConnectionStrings:Gridview
%>"
SelectCommand="select * from tblIntrodure" ID="SqlDataSource1"
runat="server"></asp:SqlDataSource>
</div>
</form>
</body>
</html>
Như bạn thấy trong ví dụ trên đối tượng SqlDatasource chứa chỗi kết nối String được
lấy ra từ file web.config và thuộc tính selectCommand sẽ đưa vào một chuỗi sql dạng select
để lấy tất cả dữ liệu trong bảng tblIntrodure
Và điều khiển GridView của ta sẽ điền vào thuộc tính
DataSourceID=”_tên_sqlDatasource”.
Và kết xuất của chương trình sẽ như sau:
188
Sorting Data
Bạn có thể trình bày sắp xếp dữ liệu trong GridView với thuộc tính AllowSorting
Ví dụ: cũng với ví dụ 1 bạn thêm vào thuộc tính AllowSorting="true" khi này bạn sẽ
thấy trên dòng Header của Gridview sẽ xuất hiện như LinkButton và khi bạn nhấn vào nó, nó
cho phép bạn sắp xếp thông tin theo thứ tự giảm dần và tăng dần của dữ liệu
Kết xuất của chương trình
Paging Data
Khi số trường dữ liệu lớn bạn có thể thực hiện phân trang cho dữ liệu với việc thiết đặt
thuộc tính AllowPaging="true" cũng với ví dụ trên bạn thêm vào thuộc tính AllowPaging,
cho nó giá trị bằng true và thiết lập thuộc tính PageSize(số dòng trên một trang) bằng 3 bạn
sẽ thấy sự thay đổi
Kết xuất của nó như sau:
Bạn có thể chỉnh sửa trình bày xuất hiện phân trang theo ý mình thay vì mặc định nó
sẽ trình bày bởi những con số ở cuối của GridView với thuộc tính PagerSetting
Ví dụ bạn thêm vào 1 số thuộc tính cho GridView của chúng ta như sau
<asp:GridView AllowSorting="true" PageSize="3"
189
PagerSettings-Mode="NextPreviousFirstLast" PagerSettings-
Position="TopAndBottom" PagerStyle-HorizontalAlign="Center"
AllowPaging="true" DataSourceID="SqlDataSource1"
ID="GridView1" runat="server">
</asp:GridView>
Và bạn thấy kết xuất của nó như sau:
Lớp PagingSetting hỗ trợ các thuộc tính sau:
• FirtPageImageURL: cho phép hiển thị ảnh của liên kết tới trang đầu tiên
• FirstPageText: Cho phép hiển thị Text của liên kết đến trang đầu tiên
• LastPageImageUrl: cho phép hiển thị ảnh của liên kết tới trang cuối cùng.
• LastPageTex: Cho phép hiển thị Text của liên kết đến trang cuối cùng.
• Mode: cho phép bạn lựa chọn hiển thị kiểu cho giao diện phân trang, nó có thể có các
giá trị sau:
• NextPrevious, NextPreviousFirstLast, Numeric, and NumericFirstLast.
• NextPageImageUrl: Cho phép hiển thị ảnh liên kết tới trang tiếp theo.
• NextPageText: Text hiển thị cho liên kết đến trang tiếp theo .
• PageButtonCount: hiển thị tổng số trang.
• Position: chỉ định vị trí hiển thị phân trang. Giá trị của nó có thể là: Bottom, Top, and
TopAndBottom.
• PreviousPageImageUrl: ảnh hiển thị cho liên kết tới trang trước đó.
• PreviousPageText: Text hiển thị cho liên kết tới trang trước đó.
• Visible: Cho phép hiển thị hay ẩn giao diện phân trang.
190
Ví dụ tiếp theo chúng ta cùng customize phân trang 1 GridView với PagerTemplate
GridView như sau:
Code 10.2 trang GridViewpage.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="GridViewpage.aspx.cs"
Inherits="GridViewpage" %>
<script runat="server">
protected void GridView1_DataBound(object sender, EventArgs e)
{
Menu menuPager =
(Menu)this.GridView1.BottomPagerRow.FindControl("menuPager");
for (int i = 0; i < GridView1.PageCount; i++)
{
MenuItem item = new MenuItem();
item.Text = Convert.ToString(i+1);
item.Value = i.ToString();
if (GridView1.PageIndex == i)
item.Selected = true;
menuPager.Items.Add(item);
menuPager.DataBind();
}
}
protected void menuPager_MenuItemClick(object sender, MenuEventArgs e)
{
GridView1.PageIndex = Int32.Parse(e.Item.Value);
}
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
" />
<html xmlns=" >
<head runat="server">
![S]r dụng điều khiển Standard](https://media.store123doc.com/images/document/13/to/jm/medium_eiHM2giIEi.jpg)
