| English |
|---|
To show data from a process instance (e.g., list record) in a form, you must first create a Form where you want to show the data in. You must also create a List that will be shown in your UI and add the List element to the UI. Once you have created the form, you must add the form element into the UI. Be sure to set the 'Menu ID' property which will be part of the hyperlink used to view the data from within the form. |
| Thai |
|---|
หากต้องการแสดงข้อมูลจากอินสแตนซ์กระบวนการ (เช่นบันทึกรายการ) ในฟอร์มคุณ create a Form ที่คุณต้องการแสดงข้อมูลก่อน คุณต้อง create a List ที่จะแสดงใน UI ของคุณและเพิ่ม add the List ไปยัง UI เมื่อคุณสร้างฟอร์มแล้วคุณจะต้องเพิ่มองค์ประกอบของฟอร์มลงใน UI อย่าลืมตั้งค่าคุณสมบัติ 'รหัสที่กำหนดเอง' ซึ่งจะเป็นส่วนหนึ่งของไฮเปอร์ลิงก์ที่ใช้ในการดูข้อมูลจากภายในแบบฟอร์ม |
Figure 1: Create New Form Element in UI
Once you have finished creating the form element, you'll want to create a hyperlink in the List that will be shown in the UI.
In List Builder, add a Hyperlink action in your design.
| Thai |
|---|
รูปที่ 1: สร้างองค์ประกอบแบบฟอร์มใหม่ใน UI เมื่อคุณสร้างองค์ประกอบแบบฟอร์มเสร็จแล้วคุณจะต้องสร้างไฮเปอร์ลิงก์ใน List ที่จะแสดงใน UI ในตัวสร้างดาต้าลิสต์เพิ่มแอ็คชันไฮเปอร์ลิงก์ในการออกแบบของคุณ |
Figure 2: Add Hyperlink Action
In the 'Configure Hyperlink' action, the 'Hyperlink' property should point to the path of the form, indicated by the 'Menu ID' property you set above when adding the form element to the UI. Be sure to specify the 'Hyperlink Parameter Name' and 'Column Name' properties as 'id'.
| Thai |
|---|
รูปที่ 2: เพิ่มแอ็คชั่นไฮเปอร์ลิงก์ ในการดำเนินการ 'กำหนดค่าการเชื่อมโยงหลายมิติ' คุณสมบัติ 'การเชื่อมโยงหลายมิติ' ควรชี้ไปที่เส้นทางของแบบฟอร์มซึ่งระบุโดยคุณสมบัติ 'รหัสที่กำหนดเอง' ที่คุณตั้งไว้ด้านบนเมื่อเพิ่มองค์ประกอบของแบบฟอร์มลงใน UI อย่าลืมระบุคุณสมบัติ 'ชื่อพารามิเตอร์ไฮเปอร์ลิงก์' และ 'ชื่อคอลัมน์' เป็น 'id' |
Figure 3: Configure Hyperlink Action
Using the configuration above, an example resultant URL path would be
| Thai |
|---|
รูปที่ 3: กำหนดค่าการกระทำเชื่อมโยงหลายมิติ การใช้การกำหนดค่าด้านบน path URL ผลลัพธ์จะเป็นตัวอย่าง |
| Code Block |
|---|
http://localhost:8080/jw/web/UI/leaveApp/UI//applicationForm?id=21162_leaveApp_applyLeaveProcess |
which uses the format hyperlink/hyperlinkParameterName/columnNameValue
After you publish the app and click on the List in the UI, you should see a new column with a hyperlink to open the data in the form.
| Thai |
|---|
ซึ่งใช้รูปแบบการเชื่อมโยงหลายมิติ / hyperlinkParameterName / columnNameValue หลังจากคุณเผยแพร่แอพและคลิกที่ List ใน UI คุณควรเห็นคอลัมน์ใหม่พร้อมไฮเปอร์ลิงก์เพื่อเปิดข้อมูลในแบบฟอร์ม |
Figure 4: Sample of Listing
Clicking on the 'Open' hyperlink will open the process instance (list record) data in the form you created.
| Thai |
|---|
รูปที่ 4: ตัวอย่างรายการ การคลิกที่การเชื่อมโยงหลายมิติ 'เปิด' จะเป็นการเปิดข้อมูลอินสแตนซ์ของกระบวนการ (บันทึกรายการ) ในแบบฟอร์มที่คุณสร้างขึ้น |
Figure 5: Opening the Form Via Link in the Listing
| Thai |
|---|
รูปที่ 5: การเปิดแบบฟอร์มผ่านลิงก์ในรายการ |