แท็บ

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

องค์ประกอบใช้เพื่อแยกข้อมูลบนหน้า


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

Name (จำเป็น) - ชื่อของแท็บ

Size (บังคับ) - ขนาดแท็บ

Style type (บังคับ) - สไตล์แท็บ

T ab position (บังคับ) - เค้าโครงแท็บ

Animation (บังคับ) - แอนิเมชันการสลับแท็บ

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

Tabs


แท็บ

ในส่วนนี้ คุณสามารถเพิ่ม ลบ และแก้ไขแท็บได้


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

  • onCreate – เริ่มทำงานเมื่อส่วนประกอบถูกสร้างขึ้นบนเพจ
  • onShow – เริ่มทำงานเมื่อส่วนประกอบเปลี่ยนสถานะเป็นมองเห็นได้ (แสดงบนหน้า);
  • onHide – เริ่มทำงานเมื่อส่วนประกอบเปลี่ยนสถานะเป็นซ่อน (หยุดแสดง);
  • onDestroy – เริ่มทำงานเมื่อส่วนประกอบถูกทำลาย
  • onTabsSelect - เริ่มทำงานเมื่อเลือกแท็บ

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

Tabs Get Properties

รับคุณสมบัติของแท็บ

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

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

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

  • Style [enum] - ขนาดแท็บ;
  • Style type [enum] - สไตล์แท็บ;
  • Tabs position [enum] - เค้าโครงแท็บ;
  • Animation [boolean] - สถานะภาพเคลื่อนไหว
  • Default Tab Key [integer] - หมายเลขแท็บเริ่มต้น
  • Active Tab Key [integer] - หมายเลขแท็บที่ใช้งานอยู่
  • Visible [boolean] - สถานะการมองเห็น

Tabs Get Properties

Tabs Set Properties

ตั้งค่าคุณสมบัติของแท็บทั้งหมด

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

  • Component Id [string] - ตัวระบุส่วนประกอบของแท็บ
  • Style [enum] - ขนาดแท็บ;
  • Style type [enum] - สไตล์แท็บ;
  • Tabs position [enum] - เค้าโครงแท็บ;
  • Animation [boolean] - สถานะภาพเคลื่อนไหว
  • Default Tab Key [integer] - หมายเลขแท็บเริ่มต้น
  • Active Tab Key [integer] - หมายเลขแท็บที่ใช้งานอยู่
  • Visible [boolean] - สถานะการมองเห็น

Tabs Set Properties

Tabs Update Properties

ปรับปรุงคุณสมบัติของแท็บ

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

  • Component Id [string] - ตัวระบุส่วนประกอบของแท็บ
  • Style [enum] - ขนาดแท็บ;
  • Style type [enum] - สไตล์แท็บ;
  • Tabs position [enum] - เค้าโครงแท็บ;
  • Animation [boolean] - สถานะภาพเคลื่อนไหว
  • Default Tab Key [integer] - หมายเลขแท็บเริ่มต้น
  • Active Tab Key [integer] - หมายเลขแท็บที่ใช้งานอยู่
  • Visible [boolean] - สถานะการมองเห็น

Tabs Update Properties


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

usage example