設計表單
本文介紹如何從零開始創建一個表單,包括添加控件、調整佈局和保存設計。
從零開始創建表單
- 進入工作區:導航至 工具 -> 表單 -> 表單設計。此時您將直接進入一個空白的拖拽式表單畫板。
- 編排表單結構:在左側控件面板中,找到所需的控件類型(例如文本框、下拉框等),點擊或拖拽至中間的排版區域。(詳細排版規則見下文)。
- 保存並入庫:
- 當您的表單內容設計完成後,點擊界面右上角的小抽屜/菜單按鈕,並選擇將其保存(上傳)。
- 系統隨後會自動將收集到的樹形結構跳轉攜帶進專屬的保存歸檔頁面。
- 填寫基本信息:在保存頁的右側面板為您剛畫好的表單登記關鍵信息:
- 名稱:為表單取一個直觀的名字,例如"設備巡檢記錄表"。
- 類型:選擇該單據隸屬的業務線(如通用 General、開發 Development、維護 Maintenance 等)。
- 描述與備註(可選):供內部標識查詢使用。
- 正式落盤:核對信息無誤後,點擊表格界面右下方的增加 (Insert) 按鈕執行插入落盤!
支持的基礎控件
| 控件類型 | 適用場景 |
|---|---|
| 文本 | 輸入姓名、地址等短文本 |
| 多行文本 | 輸入備註、描述等長文本 |
| 數字 | 輸入數量、金額等數值 |
| 下拉框 | 從預設選項中選擇一項 |
| 日期/時間 | 選擇日期或帶時分秒的具體時間 |
| 顏色選擇 | 拾取顏色值 |
| 單選框/複選框 | 是/否或受限的多重選項採集 |
高級排版佈局:容器
為了使表單不至於像流水賬一樣無限向下延伸,系統引入了不可見的 “容器 (Container)” 概念來統籌頁面佈局:
1. 行容器 (Row)
用於進行水平排布。
- 您可以先將一個“行 (Row)”拖入畫板,接著把諸如“姓名”、“年齡”等較短的基礎控件繼續拖進這個“行”的內部。
- 被放進“行”內的控件會自動縮小寬度。利用這個特性,您可以把關聯性強的數據緊湊地平鋪在一排(如:左側選省份、右側選城市)。
- 支持子元素寬度的自適應,超過屏幕寬度時底層允許橫向滑動操作。
2. 列容器 (Column) / 分組 (Group)
用於進行縱向堆疊或分組歸類。如果您希望把某幾項複雜的輸入(例如車輛巡檢的三個不同維度的記錄)在邏輯上綁在一起,就可以用它們。
💡 容器拖拽核心注意
排版容器遵循嚴謹的嵌套安全規則:
- 行不能套行:系統禁止您把一個“行 (Row)”拖到另一個“行”的內部。
- 類型互斥:對於某些特定邏輯的控件(如相互排斥的“單選框組合”),建議單獨將它們置於同一個行/列中,底層引擎會自動感知並幫您做互斥狀態控制;但不要胡亂把其它無關數據對象參雜進該類專有容器排版內。
配置控件屬性
選中一個控件後,您可以配置該項的相關屬性:
- 標籤名:控件在表單中顯示的文字名稱。
- 是否必填:勾選後,使用者提交時必須填寫此項。
- 默認值(可選):預填的初始值。
- 選項列表(僅下拉框):配置可選項數據。
保存設計
完成表單結構編輯後,點擊工具欄的 保存 按鈕。
- 保存後的表單處於 草稿 (Draft) 狀態,您可以隨時繼續編輯。
- 只有草稿狀態的表單允許修改內容。
備註
為了讓其他用戶能基於該模板填寫數據,您需要將其發布。請參考"發布表單"章節。