- [C#] Viết ứng dụng Auto Fill list Textbox from clipboard Winform
- [TOOL] Chia sẻ phần mềm thay đổi thông tin cấu hình máy tính
- [C#] Hướng dẫn Export dữ liệu ra file Microsoft Word Template
- [C#] Chia sẻ source code tool kiểm tra domain website
- [C#] Hướng dẫn tạo file PDF sử dụng thư viện QuestPDF
- [C#] Hướng dẫn tạo ứng dụng dock windows giống Taskbar
- [C#] Chia sẻ source code sử dụng Object Listview trên Winform
- [VB.NET] Chia sẻ source code quản lý thu chi mô hình 3 lớp Winform
- [DATABASE] Xóa lịch sử danh sách đăng nhập tài khoản trên SMSS Sqlserver Management Studio
- [C#] Sử dụng FolderBrowserDialog Vista trên Winform
- [DEVEXPRESS] Chia sẻ tool Winform UI Templates Early Access Preview (EAP)
- [C#] Chia sẻ source code Spin Content (Trộn nội dung văn bản theo từ đồng nghĩa) trên Winform
- [VB.NET] Chia sẻ source code lịch âm dương và hẹn lịch nhắc việc
- [C#] Hướng dẫn đọc thông số thiết bị Thiết bị kiểm tra Pin (HIOKI BATTERY HiTESTER BT3562)
- [VB.NET] Hướng dẫn giải captcha sử dụng dịch vụ AZCaptcha API trên winform
- [C#] Hướng dẫn chứng thực đăng nhập ứng dụng bằng vân tay (Finger Print) trên máy tính
- [C#] Color Thief cách xuất màu sắc thiết kế từ hình ảnh
- [C#] Cách tạo bản quyền và cho phép dùng thử ứng dụng Winform
- [C#] Hướng dẫn sử dụng trình duyệt web Chrome convert HTML sang tập tin file PDF
- [C#] Kết nôi điện thoại Android, IOS với App Winform via Bluetooth
[C#] Chia sẻ source code sử dụng Object Listview trên Winform
Xin chào các bạn, bài viết hôm nay mình chia sẻ các bạn source code sample sử dụng Object Listview trên lập trình c#, winform.
[C#] How to use Object Listview in Winform
Trên bộ công cụ của Winform, có cung cấp cho chúng ta ListView.
Tuy nhiên, nếu chúng ta muốn thêm button hay hình ảnh, check box hoặc định dạng từng cell trên listview mặc định thì hơi phức tạp và khó sử dụng.
Với Object Listview các bạn có thể thao tác một cách dễ dàng hơn.
Hình ảnh demo ứng dụng sử dụng Object ListView:
Các bạn có thể cài đặt thư viện từ Nuget:
PM> NuGet\Install-Package ObjectListView.Official -Version 2.9.2-alpha2
Video demo ứng dụng sử dụng Object ListView C#:
Đầu tiên, mình có 1 danh sách các Employee như bên dưới:
private readonly List<Employee> _employees = new List<Employee>
{
new Employee
{
FirstName = "Alice",
LastName = "Smith",
Gender = Gender.Female,
Job = "Accountant",
Kpi = 4
},
new Employee
{
FirstName = "Bob",
LastName = "Smith",
Gender = Gender.Male,
Job = "Manager",
Kpi = 5
},
new Employee
{
FirstName = "Carol",
LastName = "Smith",
Gender = Gender.Female,
Job = "Programmer",
Kpi = 3
},
new Employee
{
FirstName = "James",
LastName = "Smith",
Gender = Gender.Male,
Job = "Programmer",
Kpi = 2
},
new Employee
{
FirstName = "Kate",
LastName = "Green",
Gender = Gender.Female,
Job = "Manager",
Kpi = 1
},
new Employee
{
FirstName = "Andy",
LastName = "Brown",
Gender = Gender.Male,
Job = "Intern",
Kpi = 0
},
new Employee
{
FirstName = "Bill",
LastName = "Gates",
Gender = Gender.Male,
Job = "CEO",
Photo = Program.AppDir + "bill.jpg",
Kpi = 5,
State = EmployeeState.Vacation
},
};
Tiếp đến, chúng ta cấu hình setup từng column vào object listview (OLVColumn)
colFullName.ImageGetter = obj =>
{
var emp = (Employee)obj;
// show a gender icon if no photo
if (String.IsNullOrEmpty(emp.Photo) || !File.Exists(emp.Photo))
{
return (obj as Employee)?.Gender.ToString().ToLower();
}
// load photo from the file if not loaded yet
if (!imglstPhotos.Images.ContainsKey(emp.Photo))
{
imglstPhotos.Images.Add(emp.Photo, Bitmap.FromFile(emp.Photo));
}
return emp.Photo;
};
// a render for big title + smaller description below
colFullName.Renderer = new DescribedTaskRenderer
{
ImageList = imglstPhotos,
DescriptionAspectName = "Job",
TitleFont = new Font(this.Font.FontFamily, 12, FontStyle.Bold),
DescriptionFont = new Font(this.Font.FontFamily, 10),
UseGdiTextRendering = true,
ImageTextSpace = 8,
TitleDescriptionSpace = 1
};
colFullName.CellPadding = new Rectangle(4, 2, 4, 2); // Put a little bit of space around the cell
// group by the first last name letter
colFullName.GroupKeyGetter = obj =>
{
var emp = (Employee)obj;
return String.IsNullOrWhiteSpace(emp.LastName) ? "" : emp.LastName.Substring(0, 1);
};
// a renderer displaying multiple images instead of a number (like stars in ratings)
colKpi.Renderer = new MultiImageRenderer("money", 5, 0, 6)
{
Spacing = -12 // overlap
};
colState.ImageGetter = obj => (obj as Employee)?.State.ToString().ToLower();
colState.AspectToStringConverter = val =>
{
switch ((EmployeeState)val)
{
case EmployeeState.Vacation:
return "On vacation";
default:
return val.ToString();
}
};
colAction.AspectToStringConverter = val =>
{
switch ((EmployeeState)val)
{
case EmployeeState.Working:
return "Take a vacation";
case EmployeeState.Vacation:
return "Return to work";
default:
throw new ArgumentOutOfRangeException(nameof(val), val, null);
}
};
lstEmployees.ButtonClick += (sender, e) =>
{
var emp = (Employee)e.Model;
switch (emp.State)
{
case EmployeeState.Working:
emp.State = EmployeeState.Vacation;
break;
case EmployeeState.Vacation:
emp.State = EmployeeState.Working;
break;
default:
throw new ArgumentOutOfRangeException(nameof(emp.State), emp.State, null);
}
};
Tiếp đến, chúng ta chỉ cần set object employee vào listview
lstEmployees.SetObjects(_employees);
Chi tiết, các bạn có thể download source code bên dưới về để chạy và tham khảo.
Thanks for watching!