Sử dụng bảng trong các ứng dụng web

Khối thuộc Table set properties Table update properties được sử dụng để thiết kế bảng.

Thoạt nhìn, hai khối này có vẻ giống nhau. Sự khác biệt là ở cách chúng hoạt động:

Khối Table Set Properties thay đổi hoàn toàn cài đặt hiện tại. Ngay cả khi bạn chỉ đặt một trường nhập liệu, tất cả các trường sẽ thay đổi; chúng sẽ trở nên trống rỗng. Khối Table Update Properties chỉ thay đổi các trường được chỉ định, vì vậy đây là một giải pháp tuyệt vời nếu bạn chỉ muốn thay đổi một phần cài đặt bảng.

Hãy xem loại cài đặt hiển thị nào có thể được áp dụng cho bảng.

Các cài đặt được thiết lập bằng cách sử dụng các trường đầu vào trong các khối Thuộc tính tập Table set properties và Thuộc Table update properties . Có các trường sau:

  • Component ID – xác định những thay đổi sẽ được áp dụng cho bảng nào;
  • Title bảng;
  • Style – thay đổi kích thước các hàng trong bảng;
  • Pagination trang – chịu trách nhiệm cho các bảng nhiều trang; nó có thể được sử dụng trong một bảng có số lượng mục nhập lớn để không làm quá tải nó;
  • Bordered – đường viền trong bảng;
  • Visible – hiển thị/ẩn bảng;
  • Loading – trạng thái tải; tùy chọn này cho người dùng thấy rằng có những thay đổi đối với bảng.

Các cài đặt sau chỉ hoạt động khi bật pagination :

  • Current page – lựa chọn trang của bảng để hiển thị;
  • Records for page – số lượng bản ghi trên mỗi trang;
  • Total records – tổng số bản ghi trong bảng.

Ví dụ thực tế

Hãy sử dụng một bảng đơn giản cho mô hình "Nhiệm vụ".

Dữ liệu được tải từ cơ sở dữ liệu vào bảng bằng trình kích hoạt onShow . Trước tiên hãy đặt cài đặt hiển thị cho nó. Đối với điều này, hãy sử dụng khối Table set properties .

Trong Component ID , chọn bảng cần thiết.

Trong Title cung cấp tên của bảng – To Do List.

Đặt Style – Trung bình.

Bật Pagination.

Bật Bordered .

Nó là cần thiết để bật Visible . Nếu không, bảng sẽ không được nhìn thấy.

Bật Loading.

Đặt Current page thành 1 để xem trang đầu tiên.

Records for page được giới hạn ở 5.

Ví dụ, Total records được đặt thành 10.

Tất cả các cài đặt có thể được lưu ngay bây giờ.

Tìm hiểu thêm về Loading

Bảng đã có dạng cần thiết. Điều duy nhất còn lại, trạng thái tải không biến mất. Nó có thể dễ dàng sửa chữa. Để làm điều này, thay đổi giá trị loading. Trạng thái tải sẽ xuất hiện khi dữ liệu đang tải vào bảng và biến mất khi quá trình hoàn tất.

Vì vậy, một quy trình nghiệp vụ được yêu cầu sẽ thay đổi các thuộc tính của bảng sau khi quá trình tải dữ liệu BP hoàn tất.

Khối tải dữ liệu kết thúc bằng khối Table update data và có một trình kích hoạt onDataUpdate sẽ chạy sau khi các bảng được cập nhật.

Chỉ định một BP mới cho nó. Lấy khối Table update properties chỉ thay đổi một trường và tắt tải.

Tất cả các thay đổi có thể được lưu lại và bảng sẽ được hiển thị theo yêu cầu.

onFilter kích hoạt

Hãy xem xét kỹ hơn trình kích hoạt onFilter . Nó chỉ hoạt động khi kích hoạt phân trang, khi có sự chuyển đổi qua các trang của bảng. Nó có hai lĩnh vực bổ sung:

  • _limit – truyền số lượng bản ghi được hiển thị trong bảng tại thời điểm kích hoạt phân trang;
  • _offset – chỉ định bản ghi nào sẽ bắt đầu xử lý.

Hãy thiết lập BP để minh họa cách hoạt động của trình kích hoạt onFilter .

Trình kích hoạt onFilter hoạt động khi có sự chuyển đổi từ trang này sang trang khác trong bảng nhiều trang (phân trang).

Hãy lấy một bảng có ba trang, mỗi trang có năm bản ghi.

Tạo một BP sẽ hiển thị dữ liệu từ các trường onFilter trong giao diện.

Để thực hiện việc này, hãy chuyển đổi các trường _limit_offset bằng cách sử dụng các khối to string và chuyển kết quả tới các khối notification .

Khi chuyển từ trang đầu tiên sang trang thứ hai, hai thông báo sẽ xuất hiện: _limit - 5 và _offset - 5. Điều đó có nghĩa là có năm bản ghi trên trang trước của bảng (_limit), và bảng hiện đang xử lý các bản ghi bắt đầu bằng thứ 5 (_offset) . Nếu đến trang thứ ba sẽ có các thông báo sau: _limit - 5 (vì trang trước cũng có 5 bản ghi) và _offset - 10 (vì bảng xử lý các bản ghi bắt đầu từ 10).

kích hoạt onRowClick và onRowDoubleClick triggers.

Hãy xem trình kích hoạt onRowClickonRowDoubleClick . Chúng hoạt động khi có nhấp chuột hoặc nhấp đúp vào một hàng. Các trình kích hoạt này có trường Record ID bản ghi lưu trữ ID của bản ghi được nhấp. Nó rất hữu ích để tạo các bảng được liên kết và xây dựng hệ thống phân cấp

Để cho biết cách thức hoạt động của trình kích hoạt này, hãy thiết lập một BP sẽ hiển thị cho người dùng số dòng mà người đó đã nhấp vào.

To stringNotification là bắt buộc. Trong To string truyền giá trị của trường Record ID . Và sau khi chuyển đổi, chuyển giá trị kết quả vào trường Tiêu đề của khối Notification .

Đọc thêm các phương pháp hay nhất

Khắc phục sự cố quy trình kinh doanh
Khắc phục sự cố quy trình kinh doanh
Cách tìm và sửa lỗi trong ứng dụng
Gỡ lỗi và đăng nhập
Gỡ lỗi và đăng nhập
Cách ghi nhật ký dữ liệu và sử dụng dữ liệu đó để gỡ lỗi trong AppMaster
Inspired to try this yourself?

Phát triển kỹ năng không cần mã của bạn với Nhóm AppMaster!

Hãy xem các khóa học của chúng tôi và tìm hiểu từng bước cách sử dụng AppMaster một cách đầy đủ nhất!

Thêm tài nguyên AppMaster

Giải quyết mọi vấn đề với sự giúp đỡ của các chuyên gia của chúng tôi.
Tiết kiệm thời gian và tập trung vào việc xây dựng các ứng dụng của bạn.

Trợ giúp & Hỗ trợ

Giải quyết mọi vấn đề với sự giúp đỡ của các chuyên gia của chúng tôi.

Nhận hỗ trợ

Tài liệu

Thông tin hữu ích về cách bắt đầu và các tính năng.

Đọc tài liệu

Video hướng dẫn

Tìm hiểu cách sử dụng AppMaster với video hướng dẫn.

Xem hướng dẫn

Cộng đồng người dùng

Hãy là một phần của cộng đồng của chúng tôi và tìm hiểu thêm.

Tham gia cộng đồng