Text Field เป็น Input element มาตรฐานของ HTML เพื่อรับข้อมูลจากผู้ใช้ในฟอร์ม |
คุณลักษณะนี้ได้รับการปรับปรุงใน Joget Workflow เวอร์ชัน 6 เพื่อรองรับ placeholder, การจัดรูปแบบตัวเลขและการจัดเก็บค่าตัวเลข |
ภาพที่ 1: ภาพหน้าจอเน้นกล่องข้อความาจากตัวอย่าง Expenses Claim App
ภาพรวมในหัวข้อนี้ได้จาก http://localhost:8080/jw/web/console/app/hr_expense/1/form/builder/hr_expense_new
ภาพที่ 2: คุณสมบัติของกล่องข้อความ
| Name | Description |
|---|---|
| ID | รหัสของกล่องข้อความ (โดยเมื่อประกาศว่า "title" จะมีการสร้างคอลัมน์ตารางในฐานข้อมูลว่า "c_title" ) |
| Label | ชื่อที่จะแสดงให้ผู้ใช้เห็น |
ภาพที่ 3: คุณสมบัติของกล่องข้อความ - ตัวเลือกขั้นสูง
| Name | Description | ||
|---|---|---|---|
| Value | ดีฟอลต์ค่าเริ่มต้นเมื่อไม่มีค่าใดๆ คุณอาจใช้ตัวแปร Hash variable ตามตัวอย่างต่อไปนี้
เพื่อกำหนดชื่อผู้ใช้ที่ลงชื่อเข้าใช้อยู่ ลงในฟิลด์ | ||
| Max Length | จำนวนอักขระที่อนุญาตให้ใช้สูงสุด | ||
| Validator | แนบปลั๊กอิน Validator เพื่อตรวจสอบความถูกต้องของค่าที่ป้อนเข้ามา
| ||
| Encryption | กำหนดว่าค่าควรถูกเข้ารหัสเมื่อบันทึกลงในฐานข้อมูล | ||
| Placeholder |
แอตทริบิวต์ placeholder ระบุคำแนะนำสั้นๆที่อธิบายค่าที่คาดหวังของช่องรับข้อมูล (เช่น ค่าตัวอย่างหรือคำอธิบายสั้นๆของรูปแบบที่คาดไว้) คำแนะนำสั้นๆจะปรากฎในช่องป้อนข้อมูลก่อนผู้ใช้จะป้อนค่า | ||
| Size | ความกว้างของกล่องข้อความ | ||
| Readonly | กำหนดว่าข้อความสามารถแก้ไขได้หรือไม่ | ||
| Display field as Label when readonly? | แสดงค่าของข้อความในรูปแบบข้อความล้วนๆไม่มีกล่องข้อความ เมื่อกล่องข้อความนั้นถูกตั้งค่าไว้ว่า "Readonly" | ||
| Workflow Variable | ถ้าแบบฟอร์มเป็นส่วนหนึ่งของเวิร์กโฟลว์โพรเซส เมื่อบันทึกแบบฟอร์ม (โดยคลิกที่ปุ่ม "Save as Draft" หรือ "Complete") ค่าในฟิลด์อินพุตนี้จะถูกบันทึกลงในตัวแปรเวิร์กโฟลว์ที่ระบุไว้ที่นี่
| ||
| Formatting Style |
เมื่อคุณเลือกตัวเลือกนี้ คุณสามารถกำหนดแอตทริบิวต์ต่อไปนี้ได้:-
| ||
| Store as Numeric Value? |
เมื่อมีการใช้การจัดรูปแบบ ค่าจะถูกเก็บตามที่มีการเปลี่ยนแปลง คุณสามารถเลือกตัวเลือกนี้เพื่อตัดการจัดรูปและเก็บเป็นค่าตัวเลขเท่านั้น |