Cùng iworld.com.vn tìm hiểu các tính năng mới của phần mềm Kendo UI với R2 2021

Bản phát hành R2 2021 của Kendo UI cho Vue đã ra mắt, mang đến sáu thành phần giao diện người dùng gốc mới cho Vue, bao gồm các thành phần Button, Floating Action Button và Tải lên.

Bản phát hành R2 2021 của Kendo UI cho Vue đã ra mắt và kèm theo đó là một danh sách lớn các thành phần UI gốc mới cho Vue. Hãy đi sâu vào để xem có gì mới trong giao diện người dùng Kendo cho Vue với R2 2021.

Các thành phần mới

Thành phần mới:Button

Mọi ứng dụng đều cần một nút vào một thời điểm nào đó — đó là cách chính mà chúng tôi yêu cầu người dùng thực hiện một hành động trong các ứng dụng Vue của chúng tôi. Với R2 2021, Kendo UI cho Vue đã thêm một thành phần Nút gốc mới, có thể chỉ bao gồm văn bản, chỉ biểu tượng hoặc cả hai. Tất nhiên, giao diện của Nút Vue cũng hoàn toàn có thể tùy chỉnh.

Nhấp vào đây để chuyển sang Kendo UI mới cho các bản trình diễn thành phần Vue Button.

Thành phần mới: ButtonGroup

Tiến xa hơn một bước so với Vue Button, Kendo UI mới cho thành phần Vue ButtonGroup có thể giúp quản lý một tập hợp các nút thuộc một nhóm duy nhất. Điều này có thể giúp bạn duy trì các mục như kiểm soát các nút hiện được bật hoặc đảm bảo rằng chỉ một nút trong nhóm được tương tác.

Xem sản phẩm Kendo UI cũng như các sản phẩm chính hãng khác của Telerik tại đây!

 

Thành phần mới: Floating Action Button

Tiếp tục xu hướng thêm các phần tử nút với R2 2021, giao diện người dùng Kendo cho Vue cũng giới thiệu Floating Action Vue. Được tìm thấy trong các ứng dụng dành cho máy tính để bàn và thiết bị di động, Floating Action Button Vue cho phép người dùng thực hiện một hành động duy nhất, thường là soạn một email mới hoặc thêm một mục mới. Ngoài ra, còn có khả năng tạo “Quay số nhanh” để mở rộng danh sách các mục hành động bất cứ khi nào phần tử Nút hành động nổi chính được tương tác với.

Để xem cách bạn có thể thêm thành phần mới này vào ứng dụng Vue của mình ngay hôm nay, hãy xem giao diện người dùng Kendo cho các bản demo Floating Action Button

Thành phần mới: Chip


Giao diện người dùng Kendo cho Thành phần chip Vue hiển thị năm chip, tương tự như các nút, là hình chữ nhật tròn. Mỗi cái đều có biểu tượng ghim bản đồ ở bên trái và nút X ở bên phải. Chúng không có màu xám, Thành công màu xanh lá cây, Thông tin màu xanh lam, Lỗi màu đỏ và Cảnh báo màu vàng.

Thành phần Vue Chip mới là một thành phần giao diện người dùng tuyệt vời để làm tròn danh sách phần tử Vue UI gốc. Các chip rất linh hoạt và có thể được tạo kiểu để phù hợp với bất kỳ yêu cầu thiết kế nào của ứng dụng và có thể bao gồm kết hợp văn bản và thậm chí cả các biểu tượng trong nội dung của chúng.

Đây là liên kết nhanh đến Kendo UI mới cho các bản trình diễn thành phần Vue Chip.

Thành phần mới: ChipList

Đi đôi với thành phần Vue Chip mới, Kendo UI cho Vue ChipList có thể giúp quản lý bộ sưu tập chip bất cứ khi nào cần nhiều hơn một chip. Điều này có thể giúp quản lý các khía cạnh như lựa chọn chip hiện tại hoặc thao tác danh sách chip bằng cách thêm và xóa các mục.

Để biết thêm thông tin, bạn có thể tham khảo Kendo UI cho các bản trình diễn Vue ChipList.

Thành phần mới: Upload

Thành phần giao diện người dùng Vue mới cuối cùng cho R2 2021 là giao diện người dùng Kendo cho thành phần Vue Upload. Đây là một trong những thành phần giao diện người dùng phổ biến nhất trên các thư viện giao diện người dùng Kendo khác nhau, vì vậy, thật thú vị khi có thể trò chuyện về thành phần này trong Giao diện người dùng Kendo cho Vue! Thành phần Tải lên có thể được thêm vào bất kỳ ứng dụng Vue hiện có nào và cho phép người dùng tải tệp lên thông qua trải nghiệm người dùng trực quan.

Đi tới giao diện người dùng Kendo cho tài liệu và bản trình diễn Vue Upload để xem tải lên đang hoạt động!

Cải tiến cho thành phần

Grid: Cuộn vô hạn

Đảm bảo rằng Kendo UI cho Vue có Lưới dữ liệu phong phú nhất hiện có, với R2 2021, Lưới dữ liệu Vue đã thêm tính năng cuộn vô hạn. Với tính năng này được bật, bảng dữ liệu Vue tải các mục dữ liệu bổ sung bất cứ khi nào người dùng đến cuối tập dữ liệu hiện tại, tạo ảo giác rằng nội dung có thể được cuộn vô hạn.

Kiểm tra phần Chế độ cuộn trong tài liệu của chúng tôi để xem cách bạn có thể thêm cuộn vô hạn vào lưới dữ liệu Vue của mình.

Cải tiến diễn đàn cộng đồng Telerik và Kendo UI


Và cuối cùng nhưng không kém phần quan trọng, chúng tôi đã cải tiến một trong những địa điểm yêu thích mà các nhà phát triển yêu thích – Diễn đàn cộng đồng Telerik và Kendo UI. Kiểm tra câu chuyện đầy đủ về lý do và điều gì trong bài đăng trên iwrold.com.vn về sản phẩm của Telerik.

Có phản hồi?

Chúng tôi luôn tìm kiếm tập hợp các thành phần giao diện người dùng gốc tiếp theo để xây dựng từ đầu cho Vue và bây giờ là cơ hội để bạn đảm bảo rằng chúng tôi thêm các thành phần và tính năng mà bạn cần. Truy cập vào Kendo UI cho cổng phản hồi Vue để gửi ý tưởng của bạn hoặc bỏ phiếu cho những ý tưởng hiện có! Với phản hồi của bạn, chúng tôi có thể tiếp tục hướng tới mục tiêu cung cấp bộ thành phần giao diện người dùng tiên tiến nhất cho các nhà phát triển Vue.

Biên dịch bởi Trinh Minh-iworld.com.vn

Xem thêm

Tính năng mới của Telerik UI cho lập trình viên Blazor phiên bản 2.22.0

Các tính năng của phần mềm Telerik Kendo UI