Ext JS – Xây dựng các ứng dụng Web

Với sự phát triển của công nghệ như hiện nay, Ext JS có nhiều tính năng nổi bật:

Điều khiển GUI (thành phần)

Ext JS bao gồm một tập hợp các điều khiển biểu mẫu dựa trên GUI (hoặc " widget ") để sử dụng trong các ứng dụng web:

• điều khiển nhập trường văn bản và vùng văn bản
• các trường ngày với bộ chọn ngày bật lên
• trường số
• hộp danh sách và hộp tổ hợp
• điều khiển radio và hộp kiểm
• kiểm soát trình soạn thảo html
• kiểm soát lưới (với cả chế độ chỉ đọc và chỉnh sửa, dữ liệu có thể sắp xếp, cột có thể khóa và kéo được cũng như nhiều tính năng khác)
• kiểm soát cây
• bảng tab
• thanh công cụ
• menu kiểu ứng dụng máy tính để bàn
• bảng khu vực để cho phép một biểu mẫu được chia thành nhiều phần phụ
• thanh trượt
• biểu đồ đồ họa vector

Chủ đề và bộ công cụ

Sencha cũng cung cấp một số chủ đề để tạo kiểu cho các thành phần. Thay đổi chủ đề chỉ cần thay đổi CSS và tập lệnh của chủ đề. Khi sử dụng Sencha CMD, có thể cần phải xây dựng lại ứng dụng.

Tất cả các thành phần sẽ hoạt động với từng chủ đề, nhưng giao diện của chúng sẽ thay đổi. Ví dụ: chủ đề Cổ điển có các yếu tố khá nhỏ không phù hợp với thiết bị cảm ứng. Neptune Touch có các yếu tố lớn hơn phù hợp hơn cho máy tính bảng và điện thoại.

Ext JS có hai loại được gọi là bộ công cụ hiện đại và cổ điển . Chúng không chỉ khác nhau về các chủ đề có sẵn mà còn có một số khác biệt về API giữa chúng. Vì vậy, việc di chuyển từ bộ công cụ này sang bộ công cụ khác không dễ dàng như đối với các chủ đề. Có kế hoạch để giải quyết một số khác biệt giữa các bộ công cụ trong Ext JS 7.1, được lên kế hoạch cho năm 2019.

Bộ công cụ lập trình

Ext JS là một thành phần của các lớp có nhiều khả năng. Vài ví dụ:

một lớp trừu tượng cho các trình duyệt (ví dụ Ext.isArray: có thể được sử dụng để thay thế cho Array.isArray)

quản lý nhà nước (cửa hàng)

lớp giao tiếp máy chủ (proxy và Ext.Ajax.request)

bố trí và quản lý cửa sổ

quản lý sự kiện (với việc tạo các sự kiện tùy chỉnh được đơn giản hóa cho các thành phần tùy chỉnh)

lộ trình

Hệ thống lớp

Ext JS có hệ thống lớp riêng. Các lớp được định nghĩa bằng Ext.definevà sau đó có thể tạo một thể hiện bằng Ext.create. Một số lớp (ví dụ: thành phần và cửa hàng) có thể có bí danh và có thể được tạo bằng bí danh. Phiên bản của các thành phần được tạo tự động khi thành phần cha được tạo.

Lớp có thể mở rộng cả lớp tùy chỉnh và lớp dựng sẵn. Thông thường, các thành phần tùy chỉnh sẽ mở rộng các thành phần tích hợp sẵn (ví dụ: MyApp.views.ProductsTablesẽ mở rộng các thành phần tích hợp sẵn Ext.grid.Panel).

Có một trình tải động tích hợp để các lớp có thể có các phụ thuộc động (được tải theo yêu cầu). Có hai loại phụ thuộc trong ExtJS. Các phụ thuộc được khai báo với requiresthuộc tính được tải trước khi thể hiện của lớp được tạo. Các phụ thuộc được xác định trong usesthuộc tính có thể được tải sau khi thể hiện của lớp được tạo.

Cũng có thể ghi đè các lớp. Ngay cả các lớp tích hợp. Ghi đè các lớp dựng sẵn có thể hữu ích để cung cấp quốc tế hóa hoặc tạo các bản vá lỗi. Lớp bị ghi đè được hợp nhất với khai báo mới. Mỗi lớp có thể được ghi đè nhiều lần theo yêu cầu (ví dụ: cung cấp i18n và sau đó là l10n).