Galleries
Gallery แสดงรายการข้อมูลเป็นการ์ด/แถว พร้อมค้นหา กรอง และเลือกรายการ
เริ่มอ่านตรงนี้ก่อน
อธิบายแบบง่าย
Galleries คือเรื่องที่ช่วยให้เราใช้ทำแอปภายในทีมแบบ low-codeได้ถูกทางขึ้น
ระดับ
เหมาะกับคนที่เริ่มลงมือทำแล้ว
ใช้เมื่อไหร่
ต้องการแสดงรายการ เช่น คำขอ พนักงาน หรือสินค้า เป็นการ์ด/แถว
อ่านแล้วทำอะไรต่อ
ช่องค้นหากรอง Gallery ตามชื่อ กดเลือกแถวแล้วเปิดหน้ารายละเอียด
เห็นภาพ: ทริคนี้เป็นยังไง
| A | B | C | |
|---|---|---|---|
| 1 | Title | Status | Created |
| 2 | ขอวัสดุ A | Open | 12 พ.ค. |
| 3 | เบิกงบ Q2 | Done | 10 พ.ค. |
| 4 | ขอลาพักร้อน | Open | 9 พ.ค. |
ใช้ตอนไหน?
- ต้องการแสดงรายการ เช่น คำขอ พนักงาน หรือสินค้า เป็นการ์ด/แถว
- ต้องการให้ผู้ใช้ค้นหาและเลือกรายการเพื่อดูรายละเอียด
- ต้องการลิสต์ที่กรองตามสถานะหรือบทบาทผู้ใช้
ความหมาย
Gallery คือ control ที่วนแสดงข้อมูลจากตารางทีละแถวตามเทมเพลตที่ออกแบบ ผูกข้อมูลผ่าน property Items และอ้างถึงค่าของแต่ละแถวด้วย ThisItem ส่วนรายการที่ผู้ใช้แตะอยู่จะอยู่ใน Gallery.Selected หมายเหตุ: slug ใช้ galleries-topic เพราะ galleries ชนกับสไลด์หมวด component
ผูกข้อมูลและอ้างถึงแต่ละแถว
ตั้ง Items เป็นตาราง (มักใช้ Filter/Sort) แล้วใช้ ThisItem ใน control ภายในเทมเพลต
// Items ของ Gallery
Sort(Filter(Requests, StartsWith(Title, txtSearch.Text)), Created, Descending)
// label ในเทมเพลต
ThisItem.Title
// รายการที่ถูกเลือก
gallery.Selected.Statusตัวอย่างการใช้
ลิสต์คำขอค้นหาได้
ช่องค้นหากรอง Gallery ตามชื่อ กดเลือกแถวแล้วเปิดหน้ารายละเอียด
Filter(Requests, StartsWith(Title, txtSearch.Text))