Sử dụng DataList để hiển thị dữ liệu

Một phần của tài liệu ập trình asp.net được viết bởi MicrosoftTech.Net (Trang 126 - 129)

Như điều khiển DataGrid, điều khiển DataList được sử dụng để hiển thị dữ liệu. Tuy nhiên, đối với

DataList, chúng ta phải tự thiết kế hình thức hiển thị dữ liệu (giống như Template Column của DataGrid).

Huy Cận Về Tác Giả Và Tác Phẩm

NXB: Giáo dục

Cuốn Huy Cận Về Tác Gia Và Tác Phẩm tập hợp những bài nghiên cứu, phê bình của các nhà văn, nhà thơ, các cán bộ giảng dạy, các nhà nghiên cứu phê bình văn học, các nhà nghiên cứu văn hóa nước ngồi đã được cơng bố trên sách, báo, tạp chí. Các bài viết này được sắp xếp theo thứ tự thời gian và chủ đề, để bạn đọc có thể hình ... Giá: 45,500.00 VND

[Đặt hàng] [Xem Tiếp]

Địa Chất Cơng Trình (Giáo Trình Dùng Cho Sinh Viên Ngành Xây Dựng Cầu Đường)

NXB: Giao thơng vận tải

Địa chất cơng trình là một mơn được đưa vào chương trình đào tạo kỹ sư ngành Xây dựng cầu đường của trường Đại học GTVT từ lâu. Những hiểu biết về địa chất cơng trình sẽ giúp ích nhiều cho kỹ sư cầu đường trong khảo sát, thiết kế và thi cơng các cơng trình giao thơng ... Giá: 14,000.00 VND

[Đặt hàng] [Xem Tiếp]

Sử dụng DataList hiển thị thơng tin sách

Một số thuộc tính cần chú ý của DataList

Biên sọan: Dương Thành Phết Trang 127

Horizontal: Hiển thị dữ liệu theo chiều ngang

RepeatDirection = Horizontal

Vertical (mặc định): Hiển thị dữ liệu theo chiều đứng

RepeatDirection = Vertical

RepeatColumns: Qui định số cột hiển thị của DataList

L'Enquête Corse Đặt mua Unspeakable Đặt mua Bottle Rocket Đặt mua Ripper Đặt mua Enduring Love Đặt mua

The Good Thief

Đặt mua

RepeatColumns = 3

Thiết kế hình thức hiển thị cho DataList cũng tương tự như thiết kế cho cột Template Column của

DataGrid.

Chọn Edit Template | ItemTemplate từ thực đơn ngữ cảnh để thực hiện thiết kế hình thức hiển thị

cho DataList.

Chọn chức năng thiết kế cho DataList

Trong q trình thực hành, để cơng việc thiết kế được dễ dàng, các bạn thực hiện thiết kế ở bên ngoài điều khiển DataList. Sử dụng Table (thực đơn Insert Table) để định vị trí hiển thị của các điều khiển.

Sau khi hồn tất cơng việc thiết kế, chúng ta kéo kết quả đã thiết kế vào vị trí cần hiển thị trong DataList.

Ví dụ: Hiển thị thông tin sách với DataList Thiết kế thông tin sách với DataList (adsbygoogle = window.adsbygoogle || []).push({});

Như cột Template Column của DataGrid, xử lý hiển thị dữ liệu cho DataList được viết trong sự kiện

ItemDataBound. Xử lý nhấn của các Button đặt trong DataList được viết trong sự kiện ItemCommand.

Private Sub Page_Load(…, e …) Handles MyBase.Load If Not IsPostBack Then

Bài Giảng Mơn Lập Trình Website ASP.Net

Lien_ket_du_lieu() End If

End Sub

Public Sub Lien_ket_du_lieu() dtSach = Doc_danh_sach_Sach() dtlSach.DataSource = dtSach dtlSach.DataKeyField = "Ms" dtlSach.DataBind()

End Sub

Private Sub dtlSach_ItemDataBound(…, e …) … Dim lDong as Integer = e.Item.ItemIndex

If lDong < 0 Then Exit Sub 'Hiển thị Tên sách

Dim lnkTs As LinkButton

lnkTs = e.Item.FindControl("lnkTen_sach") lnkTs.Text = e.Item.DataItem("Ten_sach") 'Hiển thị thơng tin mơ tả tóm tắt nội dung

Label HyperLink LinkButton

Tài liệu hướng dẫn giảng dạy

Học phần 3 - Lập trình ứng dụng web với ASP.NET Trang 82/174 Dim lblMt As Label

lblMt = e.Item.FindControl("lblMo_ta")

lblMt.Text = Left(e.Item.DataItem("Mo_ta"), 200) & "..." 'Hiển thị hình ảnh minh họa

Dim hplHinh As HyperLink

hplHinh = e.Item.FindControl("hplHinh_mh")

hplHinh.ImageUrl = "../Data_Pic/" & e.Item.DataItem("Hinh_minh_hoa") 'Hiển thị giá bán sách

Dim lblGia As Label

lblGia = e.Item.FindControl("lblGia_ban") lblGia.Text = e.Item.DataItem("Don_gia") End Sub

Kết quả hiển thị thông tin sách trên trang Web

Kết quả trên trang Web

Tài liệu hướng dẫn giảng dạy

Biên sọan: Dương Thành Phết Trang 129

Một phần của tài liệu ập trình asp.net được viết bởi MicrosoftTech.Net (Trang 126 - 129)