Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Info
titlePrevious step

ตรวจสอบให้แน่ใจว่าคุณได้ทำบทแนะนำก่อนหน้านี้อย่างสมบูรณ์แบบ - การออกแบบแอปใหม่

Widget Connector
width600
urlhttps://www.youtube.com/watch?v=zsF3KFVvxRk&list=PLFOgRDg2hmNLg_I-BjTj3hGAi2pD57lZ1&index=2

 

  1. ในหน้าการออกแบบแอปให้คลิกที่ปุ่ม Create New Form ที่ด้านบน


  2. ป้อนรายละเอียดของแบบฟอร์มใหม่

    NameDescription
    Form ID

    รหัสเฉพาะเพื่อระบุถึงฟอร์มนี้

    Info
    titleNaming convention

    ขอแนะนำให้ใช้รูปแบบการตั้งชื่อมาตรฐานในการพัฒนาแอปของคุณเพื่อรักษาความสม่ำเสมอและง่ายต่อการบำรุงรักษา

    Camel case naming เป็นรูปแบบการตั้งชื่อที่แนะนำสำหรับฟิลด์นี้

    เช่น: travelRequestForm

    Warning
    titleReserved IDs

    อย่าใช้ ID ที่สงวนไว้ต่อไปนี้เป็นรหัสฟอร์มและฟิลด์ "appId, appVersion, version, userviewId, menuId, key, embed"

    Form Name

    ชื่อที่อ้างอิงถึงฟอร์มนี้

    Info
    titleExample

    Travel Request Form

    Table Name

    ชื่อตารางฐานข้อมูลที่เก็บข้อมูลฟอร์ม

    Info
    titleNaming convention

    เนื่องจากชื่อตารางเกี่ยวข้องกับฐานข้อมูล เราขอแนะนำให้ใช้ธรรมเนียมการตั้งชื่อฐานข้อมูล เช่น travel_requests

    Tip

    โปรดทราบว่ารูปแบบต่างๆสามารถแชร์ข้อมูลโดยชี้ไปที่ชื่อตารางเดียวกันได้

    Descriptionคำอธิบายเอนทิตี้
    Duplicate form settings and elements fromด้วยข้อมูลด้านบนที่มากไป คุณสามารถเลือกคัดลอกฟอร์มจากฟอร์มที่มีอยู่แล้วได้

                                                                 

  3. คลิกที่ Save เพื่อบันทึกฟอร์มและเปิด Form Builder ในหน้าต่างใหม่ หากเบราว์เซอร์ของคุณบล็อกป๊อปอัปให้คลิกที่ชื่อแบบฟอร์มเพื่อเปิดใช้งาน

  4. ขั้นตอนแรกในการสร้างฟอร์มคือ ออกแบบหน้าฟอร์ม ด้านซ้ายเป็นส่วนที่มีองค์ประกอบของฟอร์มที่พร้อมใช้งาน ตรงกลางเป็นส่วนการออกแบบ มีหนึ่งหรือหลายเซคชัน และแต่ละเซคชันจะมีหนึ่งหรือหลายคอลัมน์


  5. เมื่อคุณวางเมาส์ไว้บนส่วนหัวของเซคชัน (หรือองค์ประกอบอื่นๆของฟอร์ม) ปุ่มต่างๆจะประกฎขึ้นเพื่อให้คุณสามารถเลือกได้


  6. คลิกที่ Edit Section ซึ่งจะเปิด Property Editor ขึ้นมาแสดงคุณสมบัติที่คุณสามารถแก้ไขได้ องค์ประกอบของฟอร์มแต่ละองค์ประกอบมีคุณสมบัติต่างกันซึ่งสามารถกำหนดค่าได้

  7. คลิกที่ OK ที่ด้านล่างเพื่อบันทึกการเปลี่ยนแปลงคุณสมบัติ

  8. คุณสามารถเพิ่มเซคชันโดยกด Add Section และย้ายเซคชันโดยการลากไปยังตำแหน่งที่ต้องการ

  9. ลากองค์ประกอบแบบฟอร์มจากส่วนด้านซ้ายลงในเซคชันใดๆ


  10. วางส่วนใดก็ได้เพื่อดูตัวเลือก Edit และ Delete คลิกแก้ไขเพื่อแก้ไขคุณสมบัติขององค์ประกอบแบบฟอร์ม


  11. คุณสามารถดูตัวอย่างแบบฟอร์มได้ทุกเมื่อโดยคลิกปุ่ม Preview ขนาดใหญ่ที่ด้านบน

  12. เมื่อเสร็จสิ้นการออกแบบฟอร์มให้คลิกที่ปุ่ม Save ขนาดใหญ่ที่ด้านบนและคุณจะได้รับการยืนยันว่าฟอร์มถูกบันทึกไว้แล้ว จากนั้นคุณอาจออกแบบฟอร์มต่อหรือปิดหน้าต่างตัวสร้างฟอร์มได้