Bàn

Nhấn vào đây để sao chép

Phần tử để hiển thị các bản ghi từ cơ sở dữ liệu


Thiết lập ban đầu:

Model - mô hình dữ liệu cho bảng.
Endpoint - nguồn dữ liệu cho bảng.

table config


Cài đặt Giao diện:

Title (không bắt buộc) - tiêu đề bảng.

Width (bắt buộc) - chiều rộng của bảng.

Style (bắt buộc) - kích thước hàng của bảng.

Pagination trang (bắt buộc) - bật và tắt phân trang. Được bật theo mặc định.

Page size (không bắt buộc) - hàng trên mỗi trang.

Border (bắt buộc) - viền bảng.

Name (bắt buộc) - tên của bảng.

Visible (bắt buộc) - hiển thị bảng nếu được bật. Được bật theo mặc định.

Table


Dữ liệu:

Trong phần này, bạn có thể quản lý các cột của bảng.

Table Data Settings


Trình kích hoạt quy trình làm việc:

  • onCreate – kích hoạt khi thành phần được tạo trên trang;
  • onShow – kích hoạt khi thành phần thay đổi trạng thái thành hiển thị (hiển thị trên trang);
  • onHide – kích hoạt khi thành phần thay đổi trạng thái thành ẩn (ngừng hiển thị);
  • onDestroy – kích hoạt khi thành phần bị phá hủy;
  • onDataUpdate – kích hoạt bởi khối Cập nhật dữ liệu bảng;
  • onRowClick – kích hoạt bằng cách nhấp vào một hàng;
  • onRowDoubleClick – kích hoạt bằng cách nhấp đúp vào một hàng;
  • onFilter – kích hoạt khi bảng được phân trang;

Hành động thành phần:

Table Get properties

Lấy các thuộc tính của bảng.

Thông số đầu vào :

  • Id thành phần [chuỗi] - mã định danh của thành phần bảng.

Thông số đầu ra :

  • Title [string] - tiêu đề bảng;
  • Style [enum] - kiểu bảng;
  • Pagination [boolean] - trạng thái phân trang;
  • Bordered [boolean] - trạng thái của đường viền;
  • Visible [boolean] - trạng thái hiển thị;
  • Loading [boolean] - trạng thái tải;
  • Current page [integer] - trang bảng hiện tại;
  • Records per page [integer] - số bản ghi trên mỗi trang bảng;
  • Total records [integer] - tổng số bản ghi trong bảng.

Table Get Properties

Table Set Properties

Đặt thuộc tính bảng.

Thông số đầu vào :

  • Component Id [string] - mã định danh của thành phần bảng;
  • Title [string] - tiêu đề bảng;
  • Style [enum] - kiểu bảng;
  • Pagination [boolean] - trạng thái phân trang;
  • Bordered [boolean] - trạng thái của đường viền;
  • Visible [boolean] - trạng thái hiển thị;
  • Loading [boolean] - trạng thái tải;
  • Current page [integer] - trang bảng hiện tại;
  • Records per page [integer] - số bản ghi trên mỗi trang bảng;
  • Total records [integer] - tổng số bản ghi trong bảng.

Table Set Properties


Table Update Properties

Cập nhật các thuộc tính của bảng.

Thông số đầu vào :

  • Component Id [string] - mã định danh của thành phần bảng;
  • Title [string] - tiêu đề bảng;
  • Style [enum] - kiểu bảng;
  • Pagination [boolean] - trạng thái phân trang;
  • Bordered [boolean] - trạng thái của đường viền;
  • Visible [boolean] - trạng thái hiển thị;
  • Loading [boolean] - trạng thái tải;
  • Current page [integer] - trang bảng hiện tại;
  • Records per page [integer] - số bản ghi trên mỗi trang bảng;
  • Total records [integer] - tổng số bản ghi trong bảng.


Table Update Properties

Table Get Data

Lấy dữ liệu bảng

Thông số đầu vào :

  • Component Id [string] - mã định danh của thành phần bảng.

Thông số đầu ra :

  • Records [integer] - số bản ghi trong bảng;
  • Data [model] - dữ liệu từ bảng. Chỉ được hiển thị trong quy trình kinh doanh khi ID Thành phần được chỉ định;


Table Get Data

Table Update Data

Cập nhật dữ liệu bảng

Thông số đầu vào :

  • Data [model] - dữ liệu từ bảng. Chỉ được hiển thị trong quy trình kinh doanh khi ID Thành phần được chỉ định;
  • Component Id [string] - mã định danh của thành phần bảng.
  • Total Records [integer] - số bản ghi trong bảng.
  • _limit [integer] - số lượng mục nhập tối đa có thể có trong bảng;
  • _offset [integer] - độ lệch của bản ghi hiện tại so với bản ghi đầu tiên.

Table Update Data

Table Clear Data

Xóa dữ liệu bảng

Thông số đầu vào :

  • Component Id [string] - mã định danh của thành phần bảng.

Table Clear Data


Ví dụ sử dụng:

Getting data for a table

Advanced table design