| Panel |
|---|
| borderColor | green |
|---|
| borderWidth | 1 |
|---|
| titleBGColor | #ddffcc |
|---|
| borderStyle | solid |
|---|
| title | Definition |
|---|
|
List Grid is best described similar to a Form Grid, but with the capability to add new records from a Datalist instead. การอธิบายที่ดีที่สุดคือคล้ายกับแบบฟอร์มตารางกริด แต่เพิ่มความสามารถใหม่จาก Datalist แทน |
| Panel |
|---|
| borderColor | purple |
|---|
| borderWidth | 1 |
|---|
| titleBGColor | #ddccff |
|---|
| borderStyle | solid |
|---|
| title | New Feature |
|---|
|
New feature added in เพิ่มคุณสมบัติใหม่ใน Joget Workflow v6.เวอร์ชั่น 6 - Pagingเลขลำดับหน้า
- Delete Options
ลบตัวเลือก ประเภทรูปแบบหลายบรรทัด Multiple Lines Format Type
|
Figure ภาพที่ 1: Screenshot highlighting List Grid in Form Builderภาพรายการตาราง
แก้ไขแบบฟอร์มใน Modified the form in http://localhost:8080/jw/web/console/app/crm/1/form/builder/crm_contact
Figure ภาพที่ 2: Screenshot highlighting adding new records using List Grid in Formภาพรายการตารางเพิ่มระเบียนใหม่โดยใช้รายการตาราง
Figure ภาพที่ 3: Screenshot highlighting new records added in List Grid in Formภาพรายการตารางระเบียนใหม่ที่เพิ่มในรายการตาราง
Figure ภาพที่ 4: List Grid Propertiesคุณสมบัติรายการตาราง
| Name | Description |
|---|
| IDElement | ID (By declaring as รหัส (เมื่อประกาศ ID ชื่อ "account" , a corresponding database table column แล้ว จะมีการสร้างคอลัมน์ตารางในฐานข้อมูลว่า "c_account" will be created) |
| LabelElement | Label to be displayed to end userชื่อที่จะแสดงให้ผู้ใช้เห็น. |
| DatalistDatalist to display for selection. | ข้อมูลที่จะแสดงสำหรับรายการที่เลือก |
| ColumnsThe columns defined here must be correspondent to the Data List chosen above. | คอลัมน์ที่กำหนดที่นี่จะต้องสอดคล้องกับรายการข้อมูลที่เลือกด้านบน | Name | Description |
|---|
| Value | Field ID of the target form. Example: In "Account" form sourced in the Datalist "Account Listing", there are Form Elements with the ID "id", and "accountName". | | Label | Column Label. | | Editable | Yes/No | ของแบบฟอร์ม ตัวอย่าง: ใน "Account" ฟอร์มที่มาจากดาต้าลิสต์ "Account Listing" มีองค์ประกอบของฟอร์มที่มี ID "id" และ "accountName" | | Label | ชื่อที่จะแสดงให้ผู้ใช้เห็น. | | Editable | ใช่/ไม่ใช่ | | Format Type | หากคุณต้องการจัดรูปแบบค่าที่ส่งคืนคุณอาจใช้ประโยชน์จากประเภทรูปแบบ ตัวเลือกเริ่มต้น: ข้อความ ประเภทรูปแบบที่ใช้ได้ - Text - จัดรูปแบบค่าเป็นข้อความ
- HTML - ส่งออกข้อมูลเป็น
| Format Type | If you would like to format the returned value, you may make use of the format type. Default choice: Text Available Format Types - Text - formats the value as text
- HTML - outputs data as HTML
- Multiple lines text - maintains the spacing formatting for multiple lines text, such as TextArea.รักษาการจัดรูปแบบระยะห่างสำหรับข้อความหลายบรรทัดเช่น TextArea
- Decimal - formats as decimal. Number of decimals is expected in the "Format" field.จัดรูปแบบเป็นทศนิยม จำนวนทศนิยมที่คาดว่าจะอยู่ในฟิลด์ "รูปแบบ"
Date - รูปแบบตามวันที่ คาดว่าจะใช้รูปแบบวันที่ดั้งเดิมและวันที่ใหม่ในฟิลด์ "รูปแบบ"Date - formats as date. Original Date and New Date formats are expected in the "Format" field. | Panel |
|---|
| borderColor | blue |
|---|
| borderWidth | 1 |
|---|
| titleBGColor | #ddffcc |
|---|
| borderStyle | solid |
|---|
| Formatรูปแบบ: (original formatรูปแบบดั้งเดิม) | (new formatรูปแบบใหม่) Example of usageตัวอย่างการใช้งาน:
Original value ค่าดั้งเดิม: 5/23/2012
Expected value ค่าที่คาดหวัง: 2012/5/23
Format รูปแบบ: M/d/y|y/M/d Noteหมายเหตุ:Please refer to โปรดอ้างอิง Java SimpleDateFormat for date format. สำหรับรูปแบบวันที่ |
File - Show the value as a link to the attachment. แสดงค่าเป็นลิงค์ไปยังเอกสารแนบ Form Def ID is expected in the คาดว่าจะอยู่ในฟิลด์ "Format" field. | Info |
|---|
| title | Expected Form Def ID |
|---|
| Specify the ระบุ Form Def ID that contains the actual File Upload form element. การกำหนดแบบฟอร์มที่มีองค์ประกอบแบบฟอร์มการอัพโหลดไฟล์จริง |
Image - Show the value as a thumbnail of the attachment. แสดงค่าเป็นภาพย่อของไฟล์แนบ Form Def ID is expected in the คาดว่าจะอยู่ในฟิลด์ "Format" field. | Info |
|---|
| title | Expected Form Def ID |
|---|
| Specify theระบุ Form Def ID that contains the actual Image Upload / File Upload form element. การกำหนดแบบฟอร์มที่มีองค์ประกอบแบบฟอร์มการอัพโหลดไฟล์จริง |
Options - Show the label of multiple choice element given the value given. แสดงเลเบลของอิลิเมนต์ตัวเลือกหลายตัวที่กำหนดค่าที่กำหนด Form Def ID is expected in the คาดว่าจะอยู่ในฟิลด์ "Format" field. | Info |
|---|
| title | Expected Form Def ID |
|---|
| Specify theระบุ Form Def ID that contains the actual ที่มีองค์ประกอบฟอร์มด้วย Select Box / Radio / Check Boxform element. |
| | FormatDepending on your chosen Format Type, additional argument may be entered here. | อาจมีการป้อนอาร์กิวเมนต์เพิ่มเติมที่นี่ทั้งนี้ขึ้นอยู่กับประเภทรูปแบบที่คุณเลือก | | Width | Column width in characters.ความยาว |
|
Figure 5: List Grid Properties - UI คุณสมบัติรายการตาราง - หน้าจอผู้ใช้งาน
| Name | Description |
|---|
| Enable Sorting Feature | Determines if ordering of rows is to be enforced.กำหนดว่าจะบังคับใช้การเรียงลำดับของแถวหรือไม่ |
Field ID for Sorting Field to | keep the ordering sequence; must correspond with a field id in the target form.เพื่อให้ลำดับการเรียงฟิลด์; จะต้องสอดคล้องกับฟิลด์รหัสในรูปแบบ |
Insert Button LabelInsert Button Label | |
Form to Edit Row | After addition of row, user may edit the record row by opening it in the Form defined here.หลังจากเพิ่มแถวผู้ใช้สามารถแก้ไขแถวที่บันทึกได้โดยกำหนดที่นี่ |
Form Submit Button Label (Normal Mode) | Label of the Submit button in normal mode.ป้ายกำกับของปุ่มส่งในโหมดปกติ |
Form Submit Button Label (Readonly Mode) | Label of the Submit button in read-only mode.ป้ายกำกับของปุ่มส่งในโหมดอ่านอย่างเดียว |
Display field as Label when readonly? | Displays the value of the element as plain text when element is set to แสดงค่าของข้อความในรูปแบบข้อความล้วนๆไม่สามารถแก้ไขได้ เมื่อกล่องข้อความนั้นถูกตั้งค่าไว้ว่า "Readonly". |
| Readonly | Determines if the element is editable.กำหนดว่าข้อความสามารถแก้ไขได้หรือไม่ |
Disable Add Feature | Determines if a new row can be added.พิจารณาว่าสามารถเพิ่มแถวใหม่ได้หรือไม่ |
Disable Delete Feature | Determines if a row can be removed.พิจารณาว่าสามารถลบแถวได้หรือไม่ |
Delete confirmation message Confirmation message | when deleting a row.ข้อความยืนยันเมื่อลบแถว |
Show Row Numbering? | Show additional column on the leftmost to denote numbering.แสดงคอลัมน์เพิ่มเติมทางด้านซ้ายสุดเพื่อแสดงหมายเลข |
| Paging Size | Items to be displayed per page.รายการที่จะแสดงต่อหน้า |
Popup Dialog Height | Height in characterความสูง |
Popup Dialog Width | Width in characterความกว้าง |
Figure 6: List Grid Properties - Validation & Data Binder คุณสมบัติรายการตาราง - หน้าจอผู้ใช้และตั้งค่าให้สมบูรณ์
| Name | Description |
|---|
| Validator | Attach a Validator plugin to validate the input value.แนบปลั๊กอิน Validator เพื่อตรวจสอบความถูกต้องของค่าที่ป้อนเข้ามา | Info |
|---|
| title | When will validation takes place? |
|---|
| Validation will takes place whenever form is submitted except when it is submitted as การตรวจสอบจะเกิดขึ้นทุกครั้งที่มีการบันทึกแบบฟอร์มยกเว้นเมื่อบันทึกเป็น "Save as Draft". |
|
| Unique ColumnColumn/ | Field ID to identify record ID.คอลัมน์ / ฟิลด์ ID เพื่อระบุ ID บันทึก |
Min Number of Row Validation (Integer) Min Number of Row Validation (Integer | จำนวนแถวขั้นต่ำ (จำนวนเต็ม) |
Max Number of Row Validation (Integer)Max Number of Row Validation (Integer | จำนวนแถวสูงสุด (จำนวนเต็ม) |
Error Message Error message | to be shown when row requirements set above is not met.ข้อความแสดงข้อผิดพลาดที่จะแสดงเมื่อไม่ตรงตามข้อกำหนดของแถวที่ตั้งไว้ข้างต้น |
Load Binder | ตัวเลือกโดยค่าเริ่มต้น ข้อมูลตารางจะถูกบันทึก / โหลดในรูปแบบ JSON ในฐานข้อมูลที่กำหนดไว้ |
Store Binder | ตัวเลือกโดยค่าเริ่มต้น ข้อมูลตารางจะถูกบันทึก / โหลดในรูปแบบ JSON ในฐานข้อมูลที่กำหนดไว้ | Option by default. Grid data will be saved/loaded in JSON format in its defined database cell. | Store Binder | Option by default. Grid data will be saved/loaded in JSON format in its defined database cell. |
| Delete Associated Grid Data? | If the popup form have grid element(s), this option will delete the inner grid data.หากฟอร์มป๊อปอัพมีรายการในตารางตัวเลือกนี้จะลบข้อมูลภายในตาราง | Panel |
|---|
| borderColor | #ffa700 |
|---|
| borderWidth | 1 |
|---|
| titleBGColor | #ffdb99 |
|---|
| borderStyle | solid |
|---|
| title | Caution |
|---|
| These ตัวเลือก 3 optionsตัวเหล่านี้: (Delete Associated Grid Data, Delete Associated Child Form Data, Delete Files), in combination, does apply to nested grid/child elements. These options traverses the entire form tree. Upon encountering a 'false' condition, it will move on to the next grid/child element. ลบข้อมูลตารางที่เชื่อมโยง, ลบข้อมูลแบบฟอร์มลูกที่เกี่ยวข้อง, ลบไฟล์) โดยใช้ร่วมกับองค์ประกอบ ตาราง / ลูกตารางซ้อนกัน ตัวเลือกเหล่านี้ลัดไปที่แผนผังทั้งหมด เมื่อพบเงื่อนไข 'เท็จ' มันจะย้ายไปยังองค์ประกอบตาราง / ลูกตารางถัดไป ตัวอย่าง: พิจารณาว่าฟอร์มป๊อปอัปมีตารางมีฟอร์มย่อยมีองค์ประกอบการอัปโหลดไฟล์ที่มี abc.pdf หากตรวจสอบตัวเลือกทั้งหมด abc.pdf จะถูกลบ หากทุกคนยกเว้นหนึ่งในตัวเลือกที่เลือกไว้ abc.pdf จะไม่ถูกลบExample: Consider that the popup form has a form grid, form grid has a subform, subform has a file upload element with abc.pdf. If all options are checked, abc.pdf will be deleted. If all except ONE of the option is checked, abc.pdf will NOT be deleted. |
|
| Delete Associated Child Form Data? | If the popup form have child element(s), this option will delete the child data.หากฟอร์มป๊อปอัพมีองค์ประกอบลูกตัวเลือกนี้จะลบข้อมูลลูก | Panel |
|---|
| borderColor | #ffa700 |
|---|
| borderWidth | 1 |
|---|
| titleBGColor | #ffdb99 |
|---|
| borderStyle | solid |
|---|
| title | Caution |
|---|
| These ตัวเลือก 3 optionsตัวเหล่านี้: (Delete Associated Grid Data, Delete Associated Child Form Data, Delete Files), in combination, does apply to nested grid/child elements.ลบข้อมูลกริดที่เชื่อมโยง, ลบข้อมูลแบบฟอร์มลูกที่เกี่ยวข้อง, ลบไฟล์) โดยใช้ร่วมกับองค์ประกอบตาราง / ลูกซ้อนกัน |
|
| Delete Files?If the popup form contains file upload element, this option will delete the actual uploaded file(s). | ถ้าฟอร์มป๊อปอัพมีองค์ประกอบอัพโหลดไฟล์ตัวเลือกนี้จะลบไฟล์ที่อัพโหลดจริง | Panel |
|---|
| borderColor | #ffa700 |
|---|
| borderWidth | 1 |
|---|
| titleBGColor | #ffdb99 |
|---|
| borderStyle | solid |
|---|
| title | Caution |
|---|
| These ตัวเลือก 3 optionsตัวเหล่านี้: (Delete Associated Grid Data, Delete Associated Child Form Data, Delete Files), in combination, does apply to nested grid/child elements.ลบข้อมูลตารางที่เชื่อมโยง, ลบข้อมูลแบบฟอร์มลูกที่เกี่ยวข้อง, ลบไฟล์) โดยใช้ร่วมกับองค์ประกอบตาราง / ลูกซ้อนกัน |
|
| Abort Related Running Processes? | If there are process instances related to the deleted row, this options will abort those process instances.หากมีอินสแตนซ์กระบวนการที่เกี่ยวข้องกับแถวที่ถูกลบตัวเลือกนี้จะยกเลิกอินสแตนซ์กระบวนการเหล่านั้น |
Figure ภาพที่ 7: List Grid Properties - Advanced คุณสมบัติรายการตาราง - ตัวเลือกขั้นสูง
| Name | Description |
|---|
URL Request Parameters for Datalist Refine the target Data List selections by defining the filter criteria here. | ปรับแต่งการเลือกรายการข้อมูลเป้าหมายโดยกำหนดเกณฑ์ตัวกรองที่นี่ | Name | Description |
|---|
| Parameter | Target Data List filter parameter nameชื่อพารามิเตอร์ตัวกรองของรายการข้อมูลเป้าหมาย | | Field IDCurrent | form element field ID ฟิลด์องค์ประกอบของฟอร์มปัจจุบัน | | Default Value | Default Value for the search parameterค่าเริ่มต้นสำหรับพารามิเตอร์การค้นหา |
|