โต๊ะ

คลิกเพื่อคัดลอก

องค์ประกอบสำหรับแสดงบันทึกจากฐานข้อมูล


ตั้งค่าเริ่มต้น:

Model - โมเดลข้อมูลสำหรับตาราง
จุด Endpoint - แหล่งข้อมูลสำหรับตาราง

table config


การตั้งค่ารูปลักษณ์และความรู้สึก:

Title (ไม่บังคับ) - ชื่อตาราง

Width (จำเป็น) - ความกว้างของตาราง

Style (จำเป็น) - ขนาดแถวของตาราง

การ Pagination (บังคับ) - การเปิดและปิดการแบ่งหน้า เปิดใช้งานโดยค่าเริ่มต้น

Page size (ไม่บังคับ) - แถวต่อหน้า

เส้น Border (บังคับ) - เส้นขอบตาราง

Name (จำเป็น) - ชื่อของตาราง

Visible ได้ (บังคับ) - ทำให้มองเห็นตารางได้หากเปิดอยู่ เปิดใช้งานโดยค่าเริ่มต้น

Table


ข้อมูล:

ในส่วนนี้ คุณสามารถจัดการคอลัมน์ของตารางได้

Table Data Settings


ทริกเกอร์เวิร์กโฟลว์:

  • onCreate – เริ่มทำงานเมื่อส่วนประกอบถูกสร้างขึ้นบนเพจ
  • onShow – เริ่มทำงานเมื่อส่วนประกอบเปลี่ยนสถานะเป็นมองเห็นได้ (แสดงบนหน้า);
  • onHide – เริ่มทำงานเมื่อส่วนประกอบเปลี่ยนสถานะเป็นซ่อน (หยุดแสดง);
  • onDestroy – เริ่มทำงานเมื่อส่วนประกอบถูกทำลาย
  • onDataUpdate – ทำงานโดยบล็อก Table Update Data;
  • onRowClick – เริ่มการทำงานโดยคลิกที่แถว;
  • onRowDoubleClick – เริ่มการทำงานโดยดับเบิลคลิกที่แถว
  • onFilter – เริ่มทำงานเมื่อตารางถูกแบ่งหน้า

การกระทำของคอมโพเนนต์:

Table Get properties

รับคุณสมบัติของตาราง

พารามิเตอร์ อินพุต :

  • รหัสส่วนประกอบ [สตริง] - ตัวระบุส่วนประกอบของตาราง

พารามิเตอร์ ขา ออก:

  • Title [string] - ชื่อตาราง;
  • Style [enum] - สไตล์ตาราง;
  • Pagination [boolean] - สถานะของ pagitation;
  • มี Bordered [boolean] - สถานะของเส้นขอบ;
  • Visible [boolean] - สถานะมองเห็นได้;
  • Loading [boolean] - สถานะของการโหลด;
  • Current page [integer] - หน้าตารางปัจจุบัน
  • Records per page [integer] - จำนวนบันทึกต่อหน้าตาราง
  • Total records [integer] - จำนวนบันทึกทั้งหมดในตาราง

Table Get Properties

Table Set Properties

ตั้งค่าคุณสมบัติของตาราง

พารามิเตอร์ อินพุต :

  • Component Id [string] - ตัวระบุส่วนประกอบของตาราง
  • Title [string] - ชื่อตาราง;
  • Style [enum] - สไตล์ตาราง;
  • Pagination [boolean] - สถานะของ pagitation;
  • มี Bordered [boolean] - สถานะของเส้นขอบ;
  • Visible [boolean] - สถานะมองเห็นได้;
  • Loading [boolean] - สถานะของการโหลด;
  • Current page [integer] - หน้าตารางปัจจุบัน
  • Records per page [integer] - จำนวนบันทึกต่อหน้าตาราง
  • Total records [integer] - จำนวนบันทึกทั้งหมดในตาราง

Table Set Properties


Table Update Properties

ปรับปรุงคุณสมบัติของตาราง

พารามิเตอร์ อินพุต :

  • Component Id [string] - ตัวระบุส่วนประกอบของตาราง
  • Title [string] - ชื่อตาราง;
  • Style [enum] - สไตล์ตาราง;
  • Pagination [boolean] - สถานะของ pagitation;
  • มี Bordered [boolean] - สถานะของเส้นขอบ;
  • Visible [boolean] - สถานะมองเห็นได้;
  • Loading [boolean] - สถานะของการโหลด;
  • Current page [integer] - หน้าตารางปัจจุบัน
  • Records per page [integer] - จำนวนบันทึกต่อหน้าตาราง
  • Total records [integer] - จำนวนบันทึกทั้งหมดในตาราง


Table Update Properties

Table Get Data

รับข้อมูลตาราง

พารามิเตอร์ อินพุต :

  • Component Id [string] - ตัวระบุส่วนประกอบของตาราง

พารามิเตอร์ ขา ออก:

  • Records [integer] - จำนวนบันทึกในตาราง
  • Data [model] - ข้อมูลจากตาราง จะแสดงในกระบวนการทางธุรกิจเมื่อมีการระบุรหัสคอมโพเนนต์เท่านั้น


Table Get Data

Table Update Data

อัปเดตข้อมูลตาราง

พารามิเตอร์ อินพุต :

  • Data [model] - ข้อมูลจากตาราง จะแสดงในกระบวนการทางธุรกิจเมื่อมีการระบุรหัสคอมโพเนนต์เท่านั้น
  • Component Id [string] - ตัวระบุส่วนประกอบของตาราง
  • Total Records [integer] - จำนวนบันทึกในตาราง
  • _limit [integer] - จำนวนรายการสูงสุดที่เป็นไปได้ในตาราง
  • _offset [integer] - ออฟเซ็ตของเรกคอร์ดปัจจุบันที่สัมพันธ์กับเรกคอร์ดแรก

Table Update Data

Table Clear Data

ล้างข้อมูลตาราง

พารามิเตอร์ อินพุต :

  • Component Id [string] - ตัวระบุส่วนประกอบของตาราง

Table Clear Data


ตัวอย่างการใช้งาน:

Getting data for a table

Advanced table design