COMBOBOX – LISTBOX

1.     ComboBox

ComboBox được dùng để hiển thị một danh sách, mỗi lần người dùng chỉ có thể chọn một lựa chọn, có thể nhập mới.

Hình 2.36. Ví dụ sử dụng ComboBox

Một số thao tác với ComboBox:

·       Add(): Thêm một mục chọn vào cuối danh sách ListBox.

·       Insert(): Chèn thêm mục chọn vào vị trí i.

·       Count: Trả về số muc chọn hiện đang có.

·       Item(): Trả về mục chọn ở vị trí thứ i.

·       Remove(): Bỏ mục chọn.

·       RemoveAt(): Bỏ mục chọn ở vị trí thứ i.

·       Contains(): Trả về True nếu có mục chọn trong danh sách, trả vể False nếu không có mục chọn trong danh sách.

·       Clear: Xóa tất cả các mục chọn.

·       IndexOf(): Trả về vị trí mục chọn trong danh sách, nếu không tìm thấy sẽ trả về -1.

Bảng 2.9. Một số thuộc tính thường dùng

Trong ComboBox có một sự kiện là SelectedIndexChanged, sự kiện này xảy ra khi thay đổi mục chọn trong ComboBox.

2.     ListBox

ListBox được dùng để hiển thị một danh sách các lựa chọn, người dùng có thể chọn một hoặc nhiều lựa chọn cùng lúc.

Hình 2.37. Ví dụ sử dụng ListBox

Một số thao tác với ListBox:

·       Add(): Thêm một mục chọn vào cuối danh sách ListBox.

·       Insert(): Chèn thêm mục vào vào vị trí i.

·       Count: Trả về số mục chọn hiện đang có.

·       Item(): Trả về mục chọn ở vị trí i.

·       Remove(): Bỏ mục chọn.

·       RemoveAt(): Bỏ mục chọn tại vị trí i.

·       Contains(): Trả về True nếu có mục chọn trong danh sách và trả về False nếu không có mục chọn trong danh sách.

·       Clear: Xóa tất cả các mục chọn.

·       IndexOf(): Trả về vị trí mục chọn trong danh sách, nếu không tìm thấy sẽ trả về -1.

Bảng 2.10. Một số thuộc tính của ListBox thường dùng

Trong ListBox có một sự kiện được sử dụng rất nhiều đó chính là SelectedIndexChanged, sự kiện này xảy ra khi thay đổi mục chọn trong ListBox.

3.     Ví dụ sử dụng các điều khiển ComboBox và ListBox

Trong phần này sẽ thực hiện tạo hai ứng dụng sử dụng ComboBox và ListBox, các bạn chú ý thẽo dõi nhé.

Ví dụ sử dụng ListBox

Ví dụ thực hiện tạo giao diện cho Form như mẫu dưới đây, sau đó viết các sự kiện cho các điều khiển Button.

Hình 2.38. Thiết kế giao diện sử dụng ListBox

Yêu cầu:

·       Nhấn vào Button "Nhập thông tin" thì nội dung trong ô TextBox "Họ tên" sẽ được thêm vào ListBox.

·       Nhấn vào Button "Xóa thông tin đang chọn" sẽ xóa nội dung họ tên đang chọn trong ListBox.

·       Nhấn vào Button "Xóa thông tin đầu" sẽ xóa nội dung họ tên đầu tiên trong ListBox.

·       Nhấn vào Button "Xóa thông tin cuối" sẽ xóa nội dung họ tên cuối cùng trong ListBox.

·       Nhấn vào Button "Xóa tất cả thông tin" sẽ xóa toàn bộ nội dung có bên trong ListBox.

·       Mỗi khi thêm hoặc xóa thông tin người khai báo trong ListBox, "Tổng số người đã khai báo" sẽ được cập nhật lại.

Các bước thực hiện:

Bước 1: Thực hiện tạo giao diện cho Form giống như mẫu, bao gồm:

·       2 ô TextBox để nhập và hiển thị thông tin.

·       5 Button với 5 sự kiện tương ứng.

·       1 ListBox để hiển thị các khai báo.

Bước 2: Xử lý sự kiện trên Button "Nhập thông tin".

Để xử lý cho Button này, ta sẽ Click Double vào Button để sang cửa sổ xử lý sự kiện. Ta sẽ lần lượt xử lý sự kiện theo yêu cầu của đề bài:

·       Sử dụng String.IsNullOrEmpty() để đặt điều kiện cho ô TextBox không được để trống, nếu TextBox trống thì hiển thị hộp thoại cho người dùng biết.

·       Sử dụng Items.Add() để thêm nội dung từ ô TextBox vào ListBox

·       Sử dụng Items.Count để đếm tổng số phần tử có trong ListBox và đưa nó vào ô TextBox hiển thị.

·       Sử dụng Clear() để xóa hết các thông tin trong ô TextBox nhập sau khi đã thêm vào ListBox.

Bước 3: Xử lý sự kiện trên Button "Xóa thông tin đang chọn".

Trong Button này, ta cần xét điều kiện nếu trong ListBox đã tồn tại phần tử thì khi đó chúng ta mới thực hiện xóa. Ta sẽ xử dụng Items.Remove tại vị trí SelectedItems[0] để xóa phần tử đang được chọn.

Sau khi xóa xong ta cần cập nhật lại tổng số phần tử ở trong ô TextBox hiển thị.

Bước 4: Xử lý sự kiện trên Button "Xóa thông tin đầu" và trên Button "Xóa thông tin cuối".

Về cơ bản ở hai Button này việc xử lý sự kiện khá giống nhau, đều sử dụng Items.RemoveAt() để thực hiện xóa đầu và xóa cuối.

Bước 5: Xử lý sự kiện trên Button "Xóa tất cả thông tin".

Trong Button này khá đơn giản, ta sử dụng Items.Clear() để xóa toàn bộ phần tử trong ListBox, sau đó cập nhật lại ô TextBox hiển thị là "0".

Kết quả: Sau khi thực hiện xử lý các sự kiện, các bạn có thể kiểm tra nó, dưới đây sẽ Demo Button "Nhập thông tin", còn các Button khác các bạn có thể tự kiểm tra nhé.

Hình 2.39. Kết quả minh họa sử dụng ListBox

Ví dụ sử dụng ComboBox

Ví dụ viết một ứng dụng sử dụng ComboBox với giao diện như mẫu dưới đây, kèm theo các sự kiện.

Hình 2.40. Thiết kế giao diện sử dụng ComboBox

Yêu cầu:

·       Xây dựng ứng dụng với giao diện như trên gồm ComboBox chứa danh sách 4 màu (Yellow, Red, Blue, Black) và một Label hiển thị dòng chữ "Chào mừng bạn đến với ComboBox".

·       Khi chọn màu trong ComboBox và nhấn vào nút Button "Đổi màu" thì màu của dòng chữ và màu nền của Label sẽ thay đổi tương ứng.

·       Nhấn vào nút Button "Thoát" xác nhận người dùng muốn đóng Form hiện hành. Nếu chọn YES thì kết thúc chương trình thực thi, nếu chọn NO thì hủy bỏ lệnh kết thúc.

Các bước thực hiện:

Bước 1: Xây dựng giao diện Form như mẫu, bao gồm:

·       2 Label để hiển thị dòng chữ.

·       1 ComboBox với 4 Items là 4 màu (Yellow, Red, Blue, Black).

·       2 Button với hai sự kiện là đổi màu và thoát.

Bước 2: Viết sự kiện cho Button "Đổi màu".

Trong Button này, ta chỉ cần sử dụng .Text để kiểm tra, nếu màu đang chọn là Yellow thì đổi ForeColor thành Yellow, tương tự như vậy cho 3 màu còn lại.

Bước 3: Viết sự kiện cho Button "Thoát".

Ở các bài trước đã có nói về sự kiện trong Button "Thoát", đơn giản ta chỉ cần sử dụng MessageBox.Show() kết hợp với Application.Exit() để tạo hộp thoại hỏi người dùng có muốn thoát hay không.

4.     Bài tập

Luyện tập thành thạo ComboBox và ListBox đây là hai trong số các điều khiển thông thường trong winforms và được sử dụng nhiều.