Ngoài những hứa hẹn của chúng tôi về việc phân phối theo lộ trình năm 2021, giao diện người dùng Telerik cho Blazor trong tháng này mang đến thành phần Giao diện người dùng Biểu đồ Gantt, cũng như nhiều tính năng mới cho Grid, TreeList, Scheduler, Pager và hơn thế nữa!
Hãy đi sâu vào bản phát hành tháng 8 năm 2021 để tìm hiểu thêm về toàn bộ nội dung 2.26.0 mà bạn có thể cắm và chạy trong ứng dụng Blazor Server và WebAssembly!
Gantt là một công cụ nổi tiếng được sử dụng nhiều trong các ứng dụng quản lý dự án và nhiệm vụ, thực hiện và giám sát quy trình cũng như lập lịch tác vụ — có thể kể đến một vài công cụ. Trong khi kế hoạch ban đầu là cung cấp Biểu đồ Gantt vào tháng 9 năm 2021, do nhu cầu ngày càng tăng đối với thành phần trong các ứng dụng Blazor, chúng tôi đã lên lịch lại và quản lý để xuất xưởng v1 với bản phát hành Telerik UI cho Blazor 2.26 hiện tại.
Telerik Gantt cho Blazor bao gồm hai phần chính trực quan hóa cùng một tập dữ liệu ở hai chế độ cạnh nhau — cấu trúc danh sách cây phân cấp và dòng thời gian trực quan. Mặc dù đây là bản phát hành đầu tiên của điều khiển giao diện người dùng Telerik Gantt cho Blazor, chúng tôi đảm bảo rằng nó bao gồm một danh sách dài các tính năng tích hợp cần thiết như: liên kết với dữ liệu phẳng và phân cấp, các loại tác vụ được xác định trước, nhiều chế độ xem Gantt, sắp xếp, lọc , chỉnh sửa, chú giải công cụ nhiệm vụ và mẫu.
Bằng cách sử dụng phương pháp tiếp cận nhiều bản phát hành, chúng tôi hy vọng sẽ mở ra khả năng để bạn bắt đầu phát triển ứng dụng của mình ngay lập tức và đồng thời đảm bảo bạn nhận được một bộ tính năng vững chắc khác chỉ trong vài tuần với Telerik UI cho bản phát hành Blazor 2.27 vào tháng 9.
Phần dòng thời gian của thành phần Gantt cung cấp bốn chế độ xem được xác định trước được tích hợp sẵn để xác định mức độ chi tiết của các khe thời gian:
Đối với mỗi dạng xem, bạn có thể định cấu hình độ rộng vùng, ngày bắt đầu và ngày kết thúc của khoảng thời gian.
Biểu đồ Gantt có thể được liên kết với dữ liệu phẳng hoặc phân cấp. Chế độ ràng buộc dữ liệu được xác định bởi các tham số được liên kết với một hệ thống phân cấp (cha tác vụ, id và cờ xác định con).
Bằng cách đặt tham số Telerik Gantt Sortable thành “true”, người dùng có thể dễ dàng sắp xếp dữ liệu bằng cách nhấp vào tiêu đề cột.
Gantt cung cấp nhiều cách khác nhau để lọc dữ liệu — bạn có thể bật hàng lọc sẽ xuất hiện ngay bên dưới hàng tiêu đề cột.
Bạn cũng có thể bật menu bộ lọc cột cho phép người dùng lọc dữ liệu bằng cách thêm một hoặc nhiều toán hạng.
Ngoài ra, bạn có thể định cấu hình menu bộ lọc cột Gantt để hiển thị danh sách với các hộp kiểm và hộp nhập tìm kiếm để dễ dàng phát hiện ra bộ lọc có sẵn theo các giá trị.
Thanh công cụ Gantt cho phép bạn sắp xếp các hành động thông thường của người dùng một cách gọn gàng, thuận tiện. Nó đi kèm với lệnh tích hợp để thêm các tác vụ mới và một tùy chọn để thêm các hành động tùy chỉnh phổ biến khác.
Để hình dung đúng các tác vụ, thành phần Telerik Gantt cho Blazor yêu cầu bắt buộc phải có một số trường dữ liệu của nó:
Ngoài ra, các mô hình của bạn có thể cung cấp dữ liệu tùy chọn sau:
Sau các loại nhiệm vụ cần thiết để quản lý dự án, thành phần Gantt cung cấp ba loại khác nhau:
Gantt đủ thông minh để xác định loại nhiệm vụ dựa trên các giá trị được cung cấp của các mục dữ liệu. Ví dụ:
Thành phần Gantt cho phép chỉnh sửa các tác vụ trong cả hai phần của các thành phần — Danh sách cây và Đường thời gian.
Người dùng có thể chỉnh sửa dữ liệu trong danh sách cây bằng cách nhấp vào một tác vụ và nhập trực tiếp các giá trị đầu vào mới vào các ô tương ứng (chỉnh sửa Blazor Gantt Chart InCell).
Trong phần dòng thời gian của Gantt, người dùng có thể thực hiện chỉnh sửa thông qua các thao tác kéo và thả — các tác vụ di chuyển và thay đổi kích thước, thay đổi PercentComplete thông qua một tay cầm kéo chuyên dụng, v.v. Cũng giống như trong phần TreeList, nhấp đúp vào một phần tử tác vụ sẽ mở trình chỉnh sửa bật lên để chỉnh sửa nâng cao.
Sử dụng tính năng tạo mẫu Biểu đồ Gantt, bạn có thể hiển thị nội dung tùy chỉnh cho các tác vụ thông thường trong phần dòng thời gian. Điều này cho phép bạn trực quan hóa hình ảnh và định dạng tùy chỉnh trực tiếp trong vùng tác vụ.
Trong trường hợp bạn muốn giữ vị trí tác vụ trong dòng thời gian ngắn gọn nhưng vẫn cần hiển thị thông tin bổ sung về một tác vụ Gantt, bạn có thể làm như vậy trong thành phần chú giải công cụ được hiển thị khi di chuột qua một tác vụ trong phần dòng thời gian Gantt. Chú giải công cụ cũng cung cấp một tùy chọn mẫu cho phép bạn hiển thị nội dung tùy chỉnh.
Vào tháng tới với giao diện người dùng Telerik cho bản phát hành Blazor 2.27, bạn có thể mong đợi bộ tính năng thứ hai của Gantt bao gồm:
Tính năng mẫu “không có dữ liệu” mới của Lưới sẽ cho phép bạn hiển thị nội dung tùy chỉnh vượt ra ngoài thông báo “Không có dữ liệu” mặc định khi lưới không có dữ liệu để hiển thị. Nếu bạn cần kết xuất hình ảnh, văn bản theo kiểu hoặc thậm chí các thành phần khác, chỉ cần đặt nó trong thẻ <NoDataTemplate> </NoDataTemplate> trong Grid.
Bằng cách đặt thuộc tính ConfirmDelete mới của Grid thành true, bạn có thể thêm một bước bổ sung trong quy trình xóa dữ liệu và hiển thị hộp thoại xác nhận xóa như một giải pháp thay thế theo kiểu tốt hơn cho khả năng trình duyệt tích hợp sẵn.
Tất cả các tính năng được đề cập ở trên cho thành phần Grid cũng đã được triển khai trong TreeList, cụ thể là:
Vào cuối tháng 6, chúng tôi đã cung cấp chức năng nhóm tài nguyên tích hợp cho giao diện người dùng Telerik Blazor Scheduler và trong tháng này, chúng tôi đã thêm một số tính năng mới:
Thêm tin tốt về Trình lập lịch — trong bản phát hành sắp tới, chúng tôi dự định bổ sung nhiều tính năng và cải tiến hơn như Chế độ xem dòng thời gian và sự kiện ContextMenu.
Tính năng mới mang lại sự linh hoạt trong việc điều chỉnh số lượng bản ghi được hiển thị trên mỗi trang. Bằng cách đặt thuộc tính kích thước trang thành một tập hợp các giá trị, Telerik Pager for Blazor hiển thị danh sách thả xuống với các tùy chọn kích thước trang tương ứng. Chọn một giá trị từ menu thả xuống sẽ thay đổi kích thước trang trong máy nhắn tin. Bạn cũng có thể hiển thị mục “Tất cả” trong danh sách thả xuống bằng cách chuyển phần tử null vào bộ sưu tập phần tử kích thước trang.
Ngoài việc sử dụng các nút để điều hướng thành phần máy nhắn tin điện tử, chúng tôi cũng đã thêm một tùy chọn nhập tiện dụng cho phép người dùng nhập giá trị số và điều hướng đến trang tương ứng. Điều này có thể đạt được bằng cách đặt tham số Pager InputType thành các nút hoặc đầu vào số.
Vì bên trong chúng tôi tích hợp thành phần Pager UI trong các thành phần Grid, TreeList và ListView Blazor, chúng tôi đảm bảo rằng chúng cũng nhận được tất cả các cải tiến cài đặt Pager mới. Để tận dụng chúng, bạn có thể cấu hình chúng như sau:
1.Trong Grid, thêm thẻ GridPagerSettings trong <GridSettings>:
<
GridPagerSettings
InputType
=
"@PagerInputType.Input"
PageSizes
=
"@PageSizes"
/>
<
GridSettings
>
<
GridPagerSettings
InputType
=
"@PagerInputType.Input"
PageSizes
=
"@PageSizes"
/>
<!-- OR -->
<
GridPagerSettings
InputType
=
"@PagerInputType.Butons"
PageSizes
=
"@PageSizes"
ButtonsCount
=
"10"
/>
</
GridSettings
>
2.Tương tự, thực hiện cùng một cấu hình máy nhắn tin trong TreeList:
<
TreeListSettings
InputType
=
"@PagerInputType.Input"
PageSizes
=
"@PageSizes"
/>
<!-- OR -->
<
TreeListPagerSettings
InputType
=
"@PagerInputType.Butons"
PageSizes
=
"@PageSizes"
ButtonsCount
=
"10"
/>
</
TreeListSettings
>
3.Và trong Blazor ListView, bạn có thể cấu hình Pager như sau:
<
ListViewSettings
>
<
ListViewPagerSettings
InputType
=
"@PagerInputType.Input"
PageSizes
=
"@PageSizes"
/>
<!-- OR -->
<
ListViewPagerSettings
InputType
=
"@PagerInputType.Buttons"
PageSizes
=
"@PageSizes"
ButtonCount
=
"7"
/>
</
ListViewSettings
>
Biên dịch bởi Trinh Minh-iworld.com.vn
Các tính năng và cải tiến mới trong Telerik TabView cho Xamarin