Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Tip
iconfalse
Advanced Tools can be found inside the Form Builder, Datalist Builder as well as in the Userview Builder.

เครื่องมือขั้นสูง (Advanced Tools) สามารถพบได้ภายในตัวสร้างฟอร์ม (Form Builder) ตัวสร้างDatalist (Datalist Builder) เช่นเดียวกันใน ตัวสร้างUserview (Userview Builder)

Panel
borderColorpurple
borderWidth1
titleBGColor#ddccff
borderStylesolid
titleNew Feature

This is a new feature in เป็นคุณลักษณะใหม่ใน Joget Workflow v6.

Figure รูปที่ 1: Accessing the Advanced Tools in Form Builder การเข้าถึงเครื่องมือขั้นสูงในตัวสร้างฟอร์ม

Figure รูปที่ 2: Advanced Tools  - Tabs

In Advanced Tools, you will find 5 tabs in all the builder mentioned and 6 tabs in the Form Builder. In Form Builder, the sixth extra tab is Table.ในเครื่องมือขั้นสูง, คุณจะพบ5แท็บในทุกโปรแกรมสร้างที่กล่าวถึงและ6แท็บในตัวสร้างฟอร์ม. ในตัวสร้างฟอร์มแท็บพิเศษที่หกคือ ตาราง

Table of Contents

ตัวแสดงแผนภูมิ (Tree Viewer)

Figure รูปที่ 3: Advanced Tools - Tree Viewer

The tree viewer in the first tab provides the app designer with the overall structure/definition view so that one can easily spots any anomaly and fixes it immediately without too much of hassle and time spent.

 ตัวแสดงแผนภูมิในแท็บแรกให้ตัวออกแบบแอปที่มีโครงสร้าง/มุมมองคำนิยามโดยรวมเพื่อให้สามารถจุดที่ผิดปกติใดๆและแก้ไขได้ทันทีโดยไม่ต้องยุ่งยากมากเกินไปและเวลาที่ใช้


Figure รูปที่ 4: Advanced Tools - Tree Viewer - Editing a Node

Clicking on the edit (pencil) icon on the right of the node allows one to configure/edit its properties right away. Upon saving of the properties, the tree viewer will refresh itself.

Usages

Image Removed

คลิกที่ไอคอนแก้ไข (ดินสอ) ทางด้านขวาของโหนดที่ช่วยให้หนึ่งในการกำหนดค่า/แก้ไขคุณสมบัติได้ทันที เมื่อบันทึกคุณสมบัติ, ผู้ชมต้นไม้จะรีเฟรชตัวเอง.

การใช้ (Usages)

Image Added

รูปที่ Figure 5: Advanced Tools - Usages

In the second tab, app designer can inspect on where the current entity is being used. From the screenshot example above, we can tell that the form is being used in another form and also being part of a workflow process. With such feature, app designer will be able to manage the form design well within the scope of its usages.

Table

Image Removed

ในแท็บที่สองตัวออกแบบแอปสามารถตรวจสอบตำแหน่งที่มีการใช้งานเอนทิตีปัจจุบัน จากตัวอย่างข้างต้นเราสามารถบอกได้ว่ามีการใช้แบบฟอร์มในรูปแบบอื่นและยังเป็นส่วนหนึ่งของกระบวนการลำดับงาน ด้วยคุณลักษณะดังกล่าวตัวออกแบบ app จะสามารถจัดการการออกแบบฟอร์มได้ดีภายในขอบเขตของการใช้ (Usages)

ตาราง (Table)

Image Added

รูปที่ Figure 6: Advanced Tools - Table

The table tab is available in the Form Builder. With this feature, app designer can tell on which other entity is sharing/writing into the same database table the current form is currently pointing too. From the screenshot example above, we can see that the table is being accessed by multiple process tools and forms.

We can also click on the Show Table Usage In Other Apps to check if there's other apps that are writing to the same table too.

แท็บตารางจะพร้อมใช้งานในตัวสร้างฟอร์ม ด้วยคุณลักษณะนี้ตัวออกแบบแอปสามารถบอกได้ว่าเอนทิตีอื่นจะใช้งานร่วมกัน/เขียนลงในตารางฐานข้อมูลเดียวกันกับแบบฟอร์มปัจจุบันที่กำลังชี้ไปด้วย จากตัวอย่างภาพหน้าจอด้านบนเราจะเห็นว่าตารางกำลังถูกเข้าถึงโดยเครื่องมือกระบวนการและฟอร์มหลายแบบ

นอกจากนี้เรายังสามารถคลิกที่แสดงการใช้งานตารางในปพลิเคชันอื่นๆ (Show Table Usage In Other Appsเพื่อตรวจสอบว่ามีปพลิเคชันอื่นๆที่จะเขียนไปยังตารางเดียวกันเกินไป.

คอลัมน์ตารางที่มีอยู่จะแสดงรายการไว้สำหรับการอ้างอิงของตัวออกแบบแอปAt the bottom of it, existing table columns are listed down for app designer's reference.

Excerpt

i18n Internationalization

Image Modified

...

รูปที่ 7: Advanced Tools - i18n Internationalization

Labels defined in the builder will be automatically listed down here for internationalization purpose. We can define in as many languages as we want to.

ชื่อกำกับที่กำหนดในโปรแกรมสร้างจะถูกแสดงโดยอัตโนมัติที่นี่เพื่อวัตถุประสงค์สากล เราสามารถกำหนดในหลายภาษาตามที่เราต้องการ

ตัวตรวจสอบ Diff (Diff Checker)

Image Added

รูปที่

Diff Checker

Image Removed

Figure 8: Advanced Tools - Diff Checker


The Diff Checker capability makes collaborative works possible without losing the modifications done by other teammates who are working on the same entity at the same time. In this section, one can tell which are the changes have been made since the initial first load of his/her builder against the copy in the server. Click on Merge & Update button will ensure that all modifications are merged.ความสามารถของตัวตรวจสอบ Diff (Diff Checker) ทำให้การทำงานร่วมกันเป็นไปได้โดยไม่สูญเสียการปรับเปลี่ยนที่ทำโดยผู้ร่วมทีมอื่นๆที่กำลังทำงานกับเอนทิตีเดียวกันในเวลาเดียวกัน ในส่วนนี้สามารถบอกได้ว่ามีการเปลี่ยนแปลงใดบ้างตั้งแต่การโหลดแรกเริ่มของผู้สร้างของเขา/เธอกับสำเนาในเซิร์ฟเวอร์ คลิกที่ Merge & Update ปุ่มจะช่วยให้แน่ใจว่าการปรับเปลี่ยนทั้งหมดจะถูกผสาน

JSON Definition

Figure รูปที่ 9: Advanced Tools - JSON Definition

We can inspect the actual definition of the entity that we are working on here. If required, we can amend the definition within the text editor itself and click on the Update buttom to commit.เราสามารถตรวจสอบความหมายที่แท้จริงของเอนทิตีที่เรากำลังทำงานอยู่ที่นี่ ถ้าจำเป็นเราสามารถแก้ไขความหมายภายในตัวแก้ไขข้อความตัวเองและคลิกที่ปุ่ม ปรับปรุง (Update) ที่จะกระทำ