II.1. Sử dụng DataList để hiển thị dữ liệu
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
RepeatDirection: Qui định hướng hiển thị dữ liệu
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
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 quá 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ếở (adsbygoogle = window.adsbygoogle || []).push({});
bên ngồ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
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
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") Label HyperLink LinkButton
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
II.2. Cập nhật dữ liệu với DataList
Ngồi việc hiển thị dữ liệu, DataList cũng hỗ trợ các thao tác cập nhật dữ liệu. Để thực hiện chức năng cập nhật dữ liệu với DataList, chúng ta cần phải thiết kế thêm vùng EditIemTemplate cho DataList. (xem hình)
II.2.1. Các bước xử lý a. Thiết kế
Thiết kế cả 2 vùng ItemTemplate và EditItemTemplate. Thực hiện các thao tác liên kết dữ liệu cho các điều khiển trong vùng EditItemTemplate thơng qua cửa sổ thuộc tính tương tự như trong ItemTemplate.
Chọn chức năng DataBindings cho ơ Đơn giá
Liên kết dữ liệu với cột Don_gia
Yêu cầu thiết kế (adsbygoogle = window.adsbygoogle || []).push({});
Tên điều khiển Thiết lập thuộc tính
Hieu_chinh: ImageButton CommandName: Edit Ghi_nhan: ImageButton CommandName: Update
CommandArgument:
DataBinder.Eval(Container, "DataItem.Ms")
Ỵ Lưu lại mã số của sách đang hiệu chỉnh. Bo_qua: ImageButton CommandName: Cancel
b. Xử lý lệnh để cập nhật dữ liệu
Xử lý các sự kiện EditCommand, CancelCommand, UpdateCommand để thực hiện/bỏ qua việc thay
đổi dữ liệu.
Private Sub Page_Load(…, e …) Handles MyBase.Load 'Put user code to initialize the page here If Not IsPostBack Then
Lien_ket_du_lieu() End If
End Sub
Private Sub dtlHang_hoa_EditCommand(…, e …) … dtlHang_hoa.EditItemIndex = e.Item.ItemIndex Lien_ket_du_lieu()
End Sub
Private Sub dtlHang_hoa_CancelCommand(…, e …) … dtlHang_hoa.EditItemIndex = -1
Lien_ket_du_lieu() End Sub
Private Sub dtlHang_hoa_UpdateCommand(…, e …) … 'Xử lý cập nhật dữ liệu tại đây
Dim Don_gia_sua As TextBox
Don_gia_sua = e.Item.FindControl("Don_gia_sua") 'Don_gia_sua.Text Ỵ Trả về đơn giá mới được sửa '……
dtlHang_hoa.EditItemIndex = -1 Lien_ket_du_lieu()