Bài giảng Hướng dẫn lập trình VB.NET - Chương 20: Trình diễn dữ liệu sử dụng điều khiển DataGrid

Bài giảng cung cấp cho người học các kiến thức: Trình diễn dữ liệu sử dụng điều khiển DataGrid, tạo đối tượng DataGrid, sắp xếp dữ liệu các bản ghi theo cột, hiển thị dữ liệu,... Hi vọng đây sẽ là một tài liệu hữu ích dành cho các bạn sinh viên đang theo học môn dùng làm tài liệu học tập và nghiên cứu. Mời các bạn cùng tham khảo chi tiết nội dung bài giảng.

Hướng dẫn lập trình VB.NET Chương 20: Trình diễn liệu sử dụng DataGrid Chương 20: Trình diễn liệu sử dụng điều khiển DataGrid oOo -Nội dung thảo luận: - Tạo đối tượng DataGrid form sử dụng để hiển thị ghi csdl - Sắp xếp liệu ghi theo cột - Thay đổi định dạng màu sắc ô khung lưới liệu DataGrid DataGrid đối tượng trình diễn liệu hiệu Nó có dạng khung lưới cho phép tình diễn toàn nội dung tập liệu DataSet Chú ý: - Đối tượng DataGrid cho phép trình diễn liệu theo dạng khung lưới excel - Bạn không cần thêm lệnh xử lý phụ với DataGrid Tất liệu quản lý DataAdapter DataSet tầng Sử dụng DataGrid để hiển thị liệu bảng Trong phần dùng DataGrid để hiển thị liệu bảng csdl Students.mdb Ta điền đầy đủ nội dung khung lưới liệu bảng dạng chuỗi sau thực số thao tác định dạng, xếp ghi lại thay đổi DataGrid trở lại csdl Cũng giống TextBox, bạn ràng buộc liệu DataSet vào DataGrid Việc ràng buộc thơng qua hai thuộc tính DataSource DataMember Trong tập MyDataGridBinding sau đưa tồn nội dung bảng Instructors có DsInstructors1 hiển thị khung lưới DataGrid Bài tập MyDataGridBinding: Bạn tạo Solution thêm vào dự án tên MyDataGridBinding Kết nối sở liệu: Nếu trước hoàn thành kết nối với csdl cửa sổ Server Explorer có kết nối đến csdl có thêm gạch đỏ kết nối Nếu muốn sử dụng lại kết nối bạn việc ấn vào nút Refresh xong Trong tập chép file csdl Students.mdb vào thư mục với dự án để tiện thao tác Bạn chọn nút để thực kết nối đến csdl biết Chọn csdl mà vừa chép vào thư mục chứa dự án Nhấn OK để hoàn thành kết nối Biên soạn: Phạm Đức Lập -1- Add: cnt-44-dh, VIMARU Hướng dẫn lập trình VB.NET Chương 20: Trình diễn liệu sử dụng DataGrid Bạn xem chi tiết bảng có csdl cửa sổ Server Explorer: Tạo đối tượng điều phối DataAdapter: Bạn tạo thêm đối tượng OleDbDataAdapter vào form cách kéo từ ToolBox tab data vào form Khi cửa sổ Data Adapter Configuration xuất Nhấn Next hai lần để cửa sổ Generate SQL Statements Tại bạn tự gõ câu lệnh SQL hay sử dụng nút nhấn Query Builder… Ở dùng cách nhập trực tiếp câu lệnh SQL Bạn nhập câu lệnh sau: SELECT Extension, PhoneNumber, Instructor, InstructorID FROM Instructors Phát biểu trích rút liệu bốn trường bảng Instructors Bạn nhấn Next để xem kết Winzard Lúc này, trình Winzard tự tạo câu lệnh khác Update (cập nhật), Select, Insert (chèn), Delete (xóa) Nhấn Finish để kết thúc q trình xây dựng tạo đối tượng điều phối DataAdapter có tên OleDbDataAdapter1 Tạo đối tượng trình diễn DataSet: Nhấn Form để chọn Chọn Data | Generate DataSet từ menu làm hộp thoại Generate DataSet biết Tại ô New bạn nhập vào tên DsInstructors đánh dấu vào ô checkBox Add this DataSet To The Designer để VS tạo đối tượng DataSet đưa vào khay hệ thống hình: Biên soạn: Phạm Đức Lập -2- Add: cnt-44-dh, VIMARU Hướng dẫn lập trình VB.NET Chương 20: Trình diễn liệu sử dụng DataGrid Nhấn OK để VS tạo đối tượng DataSet cho bảng Instructors csdl Students.mdb Lúc cửa sổ form có thêm đối tượng hình: Chúng ta hồn thành ba bước đầu thao tác với csdl Bây sử dụng DataGrid để trình bày liệu Tạo đối tượng DataGrid: Kéo form cho kích thước rộng để chứa đủ khung lưới DataGrid với cột 10 dòng Đưa điều khiển DataGrid ToolBox vào form Kéo chiều dài cho phù hợp với chiều kích thước form Biên soạn: Phạm Đức Lập -3- Add: cnt-44-dh, VIMARU Hướng dẫn lập trình VB.NET Chương 20: Trình diễn liệu sử dụng DataGrid Tạo thêm nút nhấn vào form Đặt thuộc tính Name btnLoad text “Load Data” Mở Properties DataGrid đặt thuộc tính Anchor Left, Right, Top, Bottom Giao diện form lúc hình: Tiếp theo ta dùng thuộc tính DataSource DataMember để ràng buộc liệu DsInstructors1 vào khung lưới DataGrid Bạn cho hiển thị tùy chọn thuộc tính DataSource cửa sổ Properties Một chương trình có nhiều DataSet thời điểm khung lưới thể DataSet mà thơi Bạn chọn DsInstructors1 hình H.1 Tiếp theo bạn chọn thuộc tính DataMember Instructors hình H.2 Ngay sau bạn chọn xong hai thuộc tính DataSource DataMember khung lưới hiển thị cột liệu dù chưa có dịng liệu hiển thị Dữ liệu đưa vào khung lưới chương trình thực thi Bạn chọn nút Load Data đặt thuộc tính Anchor Bottom, Left Lúc giao diện form thiết kế hình H.3 Tiếp theo cần viết mã để đổ liệu vào khung lưới phương thức Fill bạn biết chương trước Biên soạn: Phạm Đức Lập -4- Add: cnt-44-dh, VIMARU Hướng dẫn lập trình VB.NET Chương 20: Trình diễn liệu sử dụng DataGrid H.1 Chọn DsInstructors1 cho thuộc tính DataSource H.2 Chọn Instructors cho thuộc tính DataMember Biên soạn: Phạm Đức Lập -5- Add: cnt-44-dh, VIMARU Hướng dẫn lập trình VB.NET Chương 20: Trình diễn liệu sử dụng DataGrid H.3 Cửa sổ form thiết kế xong Tạo thủ tục btnLoad_Click cách double click vào nhập đoạn mã sau: DsInstructors1.Clear() OleDbDataAdapter1.Fill(DsInstructors1) Nhấn nút Save All để lưu lại thay đổi chạy thử chương trình Chạy chương trình: Nhấn nút F5 để chạy chương trình Nhấn nút Load Data để nạp liệu vào khung lưới DataGrid: Bạn kéo để thay đổi kích thước form cho thơng tin csdl xuất đầy đủ Bạn xếp liệu khung lưới cách click vào tiêu đề cột Nhấn nút Close để đóng chương trình Biên soạn: Phạm Đức Lập -6- Add: cnt-44-dh, VIMARU Hướng dẫn lập trình VB.NET Chương 20: Trình diễn liệu sử dụng DataGrid Định dạng lưới DataGrid Bạn định dạng thành phần DataGrid thơng qua thuộc tính lúc thiết kế hay thực thi chương trình Chúng ta làm điều với tập Bạn trở lại cửa sổ thiết kế form mở thuộc tính Properties khung lưới DataGrid Đặt thuộc tính PreferredColumnWidth 110 (rộng 110 đơn vị đo Pixel) Bạn đặt thuộc tính ColumnHeadersVisible False Với thiết lập phần tiêu đề cột khơng hiển thị Nhấn chọn thuộc tính BackColor, chọn màu vàng nhạt hiển thị cho nội dung chuỗi chứa ô lưới tạo dịng xen kẽ Đặt thuộc tính GridLineColor, chọn màu xanh Cịn nhiều thuộc tính khác bạn tìm hiểu thêm Giờ bạn chạy chương trình để xem thay đổi: Cập nhật sở liệu trở lại bảng DataSet tiến hành chép bảng csdl không làm thay đổi nội dung csdl có yêu cầu cập nhật phương thức UpDate Cùng với thuộc tính ReadOnly DataSet cho phép có thay đổi hay không với csdl Bây tiến hành tìm hiểu điều Trở lại cửa sổ thiết kế form mở thuộc tính properties DataGrid thiết lập giá trị TRUE thuộc tính ReadOnly cho phép có thay đổi liệu khung lưới Tiến hành đặt nút nhấn lên form Thuộc tính sau: Name – btnUpdate, Text – “Update” Biên soạn: Phạm Đức Lập -7- Add: cnt-44-dh, VIMARU Hướng dẫn lập trình VB.NET Chương 20: Trình diễn liệu sử dụng DataGrid Nút nhấn Update hiển thị có thay đổi DataGrid tiến hành cập nhật trở lại sở liệu người dùng click vào Tạo thủ tục btnUpdate_Click nhập nội dung sau: Try OleDbDataAdapter1.Update(DsInstructors1) Catch ex As Exception MsgBox(ex.ToString) End Try Thủ tục sử dụng phương thức Update OleDbDataAdapter1 để yêu cầu thay đổi tập DataSet DsInstructors1 trở lại bảng csdl Chạy chương trình: Nhấn F5 để chạy chương trình Bạn thay đổi nội dung cột hay thêm ghi click vào nút Update để cập nhật vào csdl Sau lại click vào nút Load Data để xem csdl có thay đổi khơng Tổng kết chương 20 Bạn làm lại ví dụ hay tự tạo cho khác có liên quan đến truy xuất csdl Trong thời gian tới đưa đến cho bạn chương trình xử lý nâng cao với đầy đủ phân tích thiêt kế hệ thống, csdl mã nguồn để bạn tham khảo Các tốn tổng hợp như: toán vé máy bay, quản lý khách sạn, quản lý sách, phần mềm bán hàng, … Mời bạn đón đọc Biên soạn: Phạm Đức Lập -8- Add: cnt-44-dh, VIMARU ... mã để đổ liệu vào khung lưới phương thức Fill bạn biết chương trước Biên soạn: Phạm Đức Lập -4 - Add: cnt-44-dh, VIMARU Hướng dẫn lập trình VB.NET Chương 20: Trình diễn liệu sử dụng DataGrid H.1... xếp liệu khung lưới cách click vào tiêu đề cột Nhấn nút Close để đóng chương trình Biên soạn: Phạm Đức Lập -6 - Add: cnt-44-dh, VIMARU Hướng dẫn lập trình VB.NET Chương 20: Trình diễn liệu sử dụng. .. Phạm Đức Lập -7 - Add: cnt-44-dh, VIMARU Hướng dẫn lập trình VB.NET Chương 20: Trình diễn liệu sử dụng DataGrid Nút nhấn Update hiển thị có thay đổi DataGrid tiến hành cập nhật trở lại sở liệu người