Sencha GRUI

Tổng quan

Sencha GRUI tập trung vào nhu cầu xây dựng data grid cho React UI, với hơn 100 tính năng dành cho các màn hình dữ liệu trong ứng dụng doanh nghiệp. Kiến trúc của grid này được làm lại từ đầu để sử dụng JavaScript hiện đại và cung cấp React API theo hướng dễ dùng.

Nền tảng cốt lõi kế thừa các khả năng của Ext JS grid, đồng thời nhấn mạnh cải thiện hiệu năng. Điểm đáng chú ý là cơ chế Virtual Columns không chỉ áp dụng cho hàng mà còn cho cột, giúp chỉ render phần đang hiển thị trên màn hình.

Grid cho React UI với hơn 100 tính năng data grid, kiến trúc JavaScript hiện đại và React API dễ dùng. Phù hợp cho ứng dụng cần nhiều cột, cuộn dữ liệu lớn và sắp xếp cột linh hoạt.

Tính năng nổi bật

• ✓Cung cấp hơn 100 tính năng data grid cho React UI.
• ✓Tận dụng JavaScript hiện đại trong kiến trúc grid được làm lại từ đầu.
• ✓Giữ lại các khả năng của Ext JS grid trong React API.
• ✓Cải thiện hiệu năng nhờ chỉ render các cột đang hiển thị.
• ✓Cho phép cấu hình số lượng cột không giới hạn với Virtual Columns.
• ✓Hỗ trợ Infinite Scrolling bằng Virtual Store để quản lý active range record.
• ✓Theo dõi trạng thái cuộn của grid qua active range record.

Ứng dụng thực tế

• Màn hình quản trị React cần hiển thị bảng dữ liệu có rất nhiều cột.
• Ứng dụng doanh nghiệp cần grid theo dõi cuộn dữ liệu liên tục trên tập bản ghi lớn.
• Bảng dữ liệu cần đổi thứ tự cột trực tiếp trong giao diện.
• Form chỉnh sửa dữ liệu theo từng kiểu cột với editor riêng.
• Dự án React muốn dùng grid có nền tảng kế thừa từ Ext JS grid.

Đối tượng sử dụng phù hợp

• Lập trình viên React xây dựng data-intensive UI
• Tech lead phụ trách kiến trúc frontend cho ứng dụng doanh nghiệp
• Nhóm phát triển dashboard và màn hình quản trị dữ liệu
• Technical buyer đang tìm component grid cho hệ sinh thái React

Thông tin kỹ thuật