Versions Compared

Old Version 2

changes.mady.by.user Nitchakan Maneelam

Saved on

compared with

New Version Current

changes.mady.by.user Nitchakan Maneelam

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Panel
borderColorgreen
borderWidth1
titleBGColor#ddffcc
borderStylesolid
titleDefinition

Multi Select Box allows you to select multiple items with auto-complete behavior. Multi Select Box is a useful replacement for the ordinary ซีเล็กบล็อก (Select Box), particularly when there is a very long list of options to choose from. Options are displayed based on the user's input.

คุณสามารถเลือกได้หลายรายการ Multi Select Box เป็นอีกตัวเลือกที่มีประโยชน์ สำหรับตัวเลือกธรรมดา  ซีเล็กบล็อก (Select Box) โดยเฉพาะอย่างยิ่งเมื่อมีรายการตัวเลือกให้เลือกมากมาย

 ช่วยให้คุณสามารถเลือกได้หลายรายการโดย Multi Select Box เป็นอีกตัวเลือกที่มีประโยชน์และทดแทนตัวเลือกแบบธรรมดา  ช่องเลือกแบบดึงลง (Select Box) โดยเฉพาะอย่างยิ่งเมื่อมีรายการตัวเลือกให้เลือกมากมาย ตัวเลือกจะปรากฏขึ้นตามอินพุตของผู้ใช้


ภาพที่ 1: ตัวอย่างมัลติซีเล็กบล็อกตัวอย่างกล่องรายการแบบเลือกได้หลายรายการในแบบฟอร์ม 

ภาพที่ 2: ภาพตัวอย่างแสดงมัลติซีเล็กบล็อกแสดงกล่องรายการแบบเลือกได้หลายรายการในแบบฟอร์มจริง

ภาพที่ 3: คุณสมบัติมัลติซีเล็กบล็อกมัลติกล่องรายการแบบเลือกได้หลายรายการ

NameDescription
IDรหัส (เมื่อประกาศชื่อ "country" แล้ว จะมีการสร้างคอลัมน์ตารางในฐานข้อมูลว่า "c_country")
Labelชื่อที่จะแสดงให้ผู้ใช้เห็น.
Options (Hardcoded)

ตัวเลือกแบบกล่อง

Info
ตัวเลือกที่กำหนดไว้ที่นี่จะไม่ถูกนำไปใช้หาก Options Binder ด้านล่างถูกกำหนด
Or Choose Options Binder

ตัวเลือกเรดิโอโดยใช้ปลั๊กอินตัวเลือกแบบ Options Binder plugin.

Warning
titlePerformance Warning

หากคุณมีตัวเลือกหลายพันตัวเลือกตัวเลือกนี้อาจทำให้เวลาในการโหลดหน้าเว็บเพิ่มขึ้นอย่างมาก พิจารณาใช้ ป๊อปอัพซีเล็กบล็อก (Popup Select Box)  แทน

ภาพที่ 4: Multi Select Box Properties - Advanced Options คุณสมบัติกล่องรายการแบบเลือกได้หลายรายการ - ตัวเลือกขั้นสูง

NameDescription
Default Value

ดีฟอลต์ค่าเริ่มต้นเมื่อไม่มีค่าใดๆ

คุณอาจใช้ตัวแปร Hash variable ตามตัวอย่างต่อไปนี้
Code Block
#currentUser.firstName# #currentUser.lastName#

เพื่อกำหนดชื่อผู้ใช้ที่ลงชื่อเข้าใช้อยู่ ลงในฟิลด์

คุณอาจกำหนดตัวเลือกเริ่มต้นหลายตัว คั้นโดยใช้เครื่องหมายอัฒภาค

Code Block
titleSample
option1;option2;option3
Multiple Selection
การเลือกหลายรายการ
Field ID to control available options based on Grouping

เปลี่ยนตัวเลือกที่มีอยู่แบบไดนามิกให้ตัวเลือกขึ้นตาม "การจัดกลุ่ม" ที่กำหนดไว้โดยจับคู่กับค่าข้อมูลของรหัสที่กำหนด

Width

ความยาว

Code Block
titleSample
200px
Readonly

กำหนดว่าข้อความสามารถแก้ไขได้หรือไม่

Display field as Label when readonly?

แสดงค่าของข้อความในรูปแบบข้อความล้วนๆไม่มีกล่องข้อความ เมื่อกล่องข้อความนั้นถูกตั้งค่าไว้ว่า "Readonly"

Validator

แนบปลั๊กอิน Validator เพื่อตรวจสอบความถูกต้องของค่าที่ป้อนเข้ามา

Info
titleWhen will validation takes place?

การตรวจสอบจะเกิดขึ้นทุกครั้งที่มีการบันทึกแบบฟอร์มยกเว้นเมื่อบันทึกเป็น "Save as Draft"

Workflow Variable

ถ้าแบบฟอร์มเป็นส่วนหนึ่งของเวิร์กโฟลว์โพรเซส เมื่อบันทึกแบบฟอร์ม (โดยคลิกที่ปุ่ม "Save as Draft" หรือ "Complete") ค่าในฟิลด์อินพุตนี้จะถูกบันทึกลงในตัวแปรเวิร์กโฟลว์ที่ระบุไว้ที่นี่

Info
titleUsing a non-existent Workflow Variable name

คุณจะได้รับคำเตือนต่อไปนี้โดยแสดงชื่อตัวแปรออกมา (เช่น status) ถ้าหากการบันทึกของเซิร์ฟเวอร์ไม่มีค่าที่พยายามแมปกับตัวแปรเวิร์กโฟลว์ได้

Code Block
context attribute status does not exist in process context - adding new attributes to the process context is not allowed

...



วิดีโอที่เกี่ยวข้อง

Widget Connector
urlhttps://www.youtube.com/watch?v=bmyLr0Y4Lz4