Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
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: การเปิดแบบฟอร์มผ่านลิงก์ในรายการ