AI Text Generators

Ext JS là một khung ứng dụng JavaScript để xây dựng các ứng dụng web đa nền tảng tương tác bằng cách sử dụng các kỹ thuật như tập lệnh Ajax , DHTML và DOM . Nó có thể được sử dụng như một khung thành phần đơn giản (ví dụ: để tạo các lưới động trên các trang tĩnh khác) mà còn như một khung đầy đủ để xây dựng các ứng dụng một trang (SPA).

Giao diện Ext JS

Tính năng của Ext JS

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).

Bảng giá Ext JS

Ext JS có nhiều gói khác nhau tùy thuộc vào nhu cầu và mục đích sử dụng:

Đánh giá Ext JS

Đánh giá của người dùng về Ext JS

"Khuôn khổ giao diện người dùng hoàn chỉnh"

Bạn thích điều gì nhất về Ext JS?

Các thành phần phong phú có sẵn với khả năng sử dụng dễ dàng. Nhiều chủ đề tích hợp với khả năng mở rộng dễ dàng. Tích hợp với các khung khác (mặc dù tôi chưa sử dụng).

Bạn không thích điều gì ở Ext JS?

Quá trình xây dựng Sencha ban đầu rất phức tạp. Hỗ trợ ES6 hầu như không có sẵn. Trình phân tích cú pháp Rhino được sử dụng như một phần của bản dựng sencha sẽ làm nghẹt các cấu trúc ES6.

Đề xuất cho những người khác xem xét Ext JS:

Rất nhiều thành phần có sẵn ra khỏi hộp. Sencha fiddle là tuyệt vời để thử và học hỏi. Gỡ lỗi phát triển sencha xây dựng là siêu dễ dàng.

Ext JS đang giải quyết vấn đề gì và điều đó mang lại lợi ích gì cho bạn?

ExtJS rất phù hợp cho các ứng dụng giao diện người dùng nặng dữ liệu muốn sử dụng các thành phần sẵn có với độ khó tối thiểu. Chúng tôi đã sử dụng ExtJS hơn 5 năm. Hỗ trợ Sencha rất tuyệt và Sencha Fiddle là một công cụ rất hữu ích để chia sẻ và dùng thử các đoạn mã ExtJS.