Cách sử dụng ListView trong WinForm

—

Trong WinForm ListView cung cấp giao diện để hiển thị danh sách các mục bằng các chế độ xem khác nhau bao gồm văn bản và hình ảnh. Trong hướng dẫn này, chúng ta sẽ tìm hiểu cách tạo và sử dụng điều khiển listview trong WinForm. Bài viết này cũng đề cập đến hầu hết các thuộc tính và phương thức phổ biến của điều khiển ListView.

Cách tạo ListView trong C#

ListView được tạo ra trong windows form trong C#. Chúng ta có hai phương pháp để tạo ra điều khiển ListView:

  • Với toolbox bên phía trái màn hình, chúng ta kéo và thả điều khiển ListView từ trong toolbox vào form.

    Alt text

  • Mối đối tượng hiển thị trong LstView được gọi là Item. Item được tạo ra từ ListViewItem. Mỗi Item có thuộc tính Text là chỗi kí tự hiển thị ở cột đầu tiên trong ListView, mỗi Item có các SubItem hiển thị ở các cột tiếp theo trong ListView.

1. Sử dụng Designer Forms để tạo điều khiển tại thời điểm thiết kế.

Chọn Edit Columns

Alt text

Chọn Add, khi đó bảng thuộc tính sẽ được hiển thị, chúng ta cần chú ý đến một số thuộc tính như: text - nhập header; TextAlign - left, right, hoặc center; Width - bề rộng cột mong muốn….

Alt text

Chúng ta cũng có thể thêm vào dữ liệu bằng cách edit Item.

Alt text

Chọn Add để thêm vào Item, sau đó bên bảng thuộc tính, chúng ta sẽ nhập dữ liệu vào ô đầu tiên ứng với cột đầu tiên của header. Chúng ta chọn SubItem để thêm vào thông tin các cột tiếp theo.

Alt text

Ở phần thuộc tính Text chúng ta nhập tiếp thông tin thứ 2 ứng với cột header.

Alt text

2. Sử dụng Code để tạo ListView control.

  • Dựa trên việc tạo điều khiển ListView bằng ListView class, chúng ta cũng có thể dễ dàng show chi tiết các thuộc tính của ListView bằng các dòng code:

    • Hiển thị chi tiết
    • Cho phép người dùng chỉnh sửa thuộc tính Text của Item
    • Sắp xếp lại các cột.
    • Hiển thị check boxes.
    • Hiển thị đường lưới.
    • Sắp xếp thứ tự của các Item theo thứ tự tăng dần.
    • vvv….
  • Tạo Item và các SubItem của các Item.
  • Tạo các cột cho Item và SubItem.
  • Điều khiển bề rộng của các cột.
  • Thêm các Item vào ListView.
  • Chúng ta cũng có thể thêm hình ảnh vào trong ListView bằng cách tạo đối tượng hình ảnh.

  • Và cuối cùng là thêm ListView vào bộ sưu tập điều khiển.

  • Dưới đây là ví dụ của việc tạo và điều khiển ListView bằng ListView Class:

Một số thuộc tính đáng chú ý của ListView

Chúng ta hãy cùng xem lại một số thuộc tính thường dùng tiêu biểu của ListView:

Alt text

  • View: Thuộc tính này quy định cách hiển thị của các Item trong ListView, bao gồm 5 giá trị: Detail, Largelcons, list, Smallcons, Titles. Alt text

  • Multiselect: Cho phép hoặc không cho phép chọn một lúc nhiều Item trong ListView Alt text

  • FullRowSelect: khi chọn dòng dữ liệu highlighted cả dòng hay chỉ ô được chọn. Alt text

  • GridLines: cho phép có hoặc không hiển thị các dòng và cột dạng lưới. Alt text

  • SelectedItems: trả về tập các Item được chọn trong Listview.

  • LargerImageIcon/SmallImageIcon : gán đối tượng ImageList cho ListView.

  • Selectedindices: Trả về danh sách chỉ mục được chọn.

  • Items: Trả về các Items chứa trong ListView.

Một số phương thức thường dùng của ListView:

  • Clear(): Xóa tất cả các Item và Column trong Listview.

  • Sort(): Sắp xếp các Item trong ListView.

  • GetItemAt(x, y): Lấy Item tại vị trí tọa độ x và y.

Một số sự kiện thường dùng của ListView:

  • SelectedIndexChanged: Sự kiện phát sinh khi có sự thay đổi về chỉ mục được chọn của Item trên ListView.

  • ItemSelectionChanged: Sự kiện phát sinh khi có sự thay đổi lựa chọn một Item trên ListView.

  • ItemCheck: Xảy ra khi trạng thái chọn của Item thay đổi.

  • ColumnClick: Sự kiện phát sinh khi có sự thay đổi lựa chọn một Item trên ListView.

  • MouseClick: Sự kiện phát sinh khi nhấp chuột chọn Item trong ListView.

Data Binding

  • Trong trường hợp chúng ta muốn liên kết nguồn dữ liệu có sẵn vào trong ListView và hiển thị nguồn dữ liệu đó vào ListView ứng với các cột của Item và SubItem.

  • Trước tiên nguồn dữ liệu đó phải là một danh sách của các Items.

  • Có thể xóa hiển thị các Items trước đó bằng dòng lệnh: 
       listView1.Items.CLear();
  • Ví dụ, chúng ta muốn kết xuất một danh sách các học sinh có thông tin là Name, Email, và Grade vào trong ListView, chúng ta có đoạn code sau:

Kết quả sẽ là: Alt text

  • Khi đó, tại sự kiện Click chúng ta có thể dễ dàng gọi lại hàm kết xuất học sinh để hiển thị một danh sách từng học sinh vào trong ListView.

Summary

Trong bài viết này, chúng ta đã nói về cách tạo điều khiển ListView trong Windows Forms. Sau đó, chúng ta đã biết cách sử dụng các thuộc tính và phương thức khác nhau. Cùng chờ đón nhiều bài viết về các chủ đề khác thú vị hơn nhé.