Có bốn yếu tố được thiết kế để người dùng lựa chọn từ danh sách trong AppMaster :
- Lựa chọn
- thả xuống
- Chọn (enum)
- Chọn lại
Những yếu tố này trong trình thiết kế ứng dụng web:
Select
Phần tử này được thiết kế để chọn từ danh sách tĩnh các tùy chọn được đặt trong trình chỉnh sửa.
Sau khi di chuyển phần tử Select sang khung vẽ, một cửa sổ bật lên sẽ xuất hiện, nơi bạn có thể chọn liệu select sẽ nhận một hay nhiều giá trị.
Để thêm và chỉnh sửa các tùy chọn cần chọn, nhấp vào phần tử và chuyển đến tab Option .
Dropdown
Dropdown tương tự như Select nhưng nó không lưu giá trị đã chọn. Dropdown thường bắt đầu một số BP khi bạn nhấp vào một trong các tùy chọn.
Để thêm và chỉnh sửa các tùy chọn cần chọn, nhấp vào phần tử và chuyển đến tab Option .
Select (enum)
Select (enum) được sử dụng để chọn một giá trị từ enum . Khi bạn tạo phần tử này, một cửa sổ xuất hiện nơi bạn phải chọn nguồn dữ liệu (một trong những enum hiện có).
Relselect
Mục này được sử dụng để chọn các giá trị từ các bản ghi trong cơ sở dữ liệu. Khi bạn tạo nó, bạn nên chọn nguồn dữ liệu từ danh sách các mô hình. Sau khi chọn nguồn, bạn sẽ có thể chọn trường để hiển thị.
Hãy tạo một RelSelect với nguồn dữ liệu User và trường Login .
Để RelSelect hoạt động, bạn cần gửi dữ liệu cần thiết bằng quy trình công việc.
BP phải nhận dữ liệu bằng cách sử dụng khối GET và chuyển nó tới RelSelect, sử dụng khối RelSelect Update Properties .
Hãy tải tất cả quản trị viên của ứng dụng vào RelSelect . Sử dụng Server Request GET /user/ khối. Đặt giá trị mặc định của các groups trường đầu vào thành admin . Vì vậy, trong trường dữ liệu đầu ra, chúng tôi sẽ chỉ nhận những người dùng từ nhóm Admin viên. Chuyển dữ liệu này đến RelSelect Update Properties.
Để trường dữ liệu xuất hiện trong RelSelect Update Properties , hãy chỉ định Component ID .
Bây giờ, RelSelect sẽ hiển thị thông tin đăng nhập của tất cả quản trị viên ứng dụng.
Lựa chọn do người dùng thực hiện sau này có thể được sử dụng trong BP. Có một trường selected cho mục đích này. Nó lưu trữ các giá trị đã chọn.
Giả sử chúng ta có một mô hình dữ liệu task được liên kết với người dùng. Với RelSelect , chúng tôi chỉ có thể hiển thị những tasks liên quan đến người dùng đã chọn.
Hãy thêm bảng task vào trang và quay lại BP được định cấu hình cho RelSelect .
Tạo một BP khác trong đó cho trình kích hoạt onChange , trình kích hoạt này sẽ cập nhật dữ liệu trong bảng theo lựa chọn trong RelSelect .
Với khối RelSelect Get Properties , chúng ta có được người dùng đã chọn.
Mở rộng nó với Expand User , chuyển ID của nó tới khối Server Request GET /task/ và chuyển dữ liệu tới khối Table Update Data .
Khi chọn người dùng trong RelSelect , bảng tác vụ sẽ hiển thị các bản ghi được liên kết với người dùng đã chọn.
