表單組件

2022-02-21 17:26 更新

宜搭目前有 25 個(gè)組件,組件類(lèi)型的選擇非常重要,關(guān)系到公式編輯、數(shù)據(jù)聯(lián)動(dòng)、關(guān)聯(lián)其他表單數(shù)據(jù)等功能是否可用。

使用合適的組件類(lèi)型,對(duì)于表單設(shè)計(jì)、數(shù)據(jù)收集、數(shù)據(jù)分析都有著重要的影響。

組件名稱

使用場(chǎng)景

單行文本

用于錄入數(shù)字,比如身份證號(hào)、手機(jī)號(hào)、學(xué)號(hào)、員工編號(hào)、銀行卡號(hào)、會(huì)員號(hào)等;也可只輸入普通的文字

多行文本

用于錄入較長(zhǎng)、較為復(fù)雜的內(nèi)容,可自由的發(fā)表意見(jiàn),提供更多信息,比如意見(jiàn)反饋等場(chǎng)景

數(shù)值

用于錄入數(shù)字類(lèi)型的相關(guān)信息,比如金額、年齡、數(shù)量等,使用數(shù)值組件錄入的數(shù)字,可以用來(lái)做數(shù)字計(jì)算、統(tǒng)計(jì)分析和匯總等

單選

用于在有限的相關(guān)選項(xiàng)中選擇其中一個(gè)選項(xiàng),比如選擇性別、運(yùn)動(dòng)類(lèi)型等場(chǎng)景

復(fù)選

當(dāng)需要一次性選擇多個(gè)選項(xiàng)時(shí), 例如在采購(gòu)等場(chǎng)景中可以使用該組件

評(píng)分

可以打分進(jìn)行評(píng)價(jià),比如事情完成度、人物評(píng)價(jià),多用于問(wèn)卷調(diào)查等場(chǎng)景

下拉單選

從多個(gè)下拉選項(xiàng)中選擇其中一項(xiàng),適用于選項(xiàng)較多的時(shí)候,可自定義選項(xiàng)內(nèi)容,也可用于數(shù)據(jù)聯(lián)動(dòng)關(guān)聯(lián)其他表單等多個(gè)場(chǎng)景,比如選擇請(qǐng)假表單內(nèi)的請(qǐng)假類(lèi)型、性別等字段的時(shí)候,可以用下拉單選組件

下拉復(fù)選

從多個(gè)下拉選項(xiàng)中選擇多項(xiàng)選項(xiàng)時(shí)使用,適用于需要多選的時(shí)候,也可用于關(guān)聯(lián)其它數(shù)據(jù)表單數(shù)據(jù)聯(lián)動(dòng)等多個(gè)場(chǎng)景

級(jí)聯(lián)選擇

選項(xiàng)信息是一對(duì)多的關(guān)系,且具有層次性和聯(lián)動(dòng)性,多用于創(chuàng)建主類(lèi)目和所屬下級(jí)子類(lèi)目的場(chǎng)景,多用于部門(mén)選擇,城市選擇(比如省市區(qū))等包含有層次關(guān)系的場(chǎng)景

日期

需要選擇日期或時(shí)間時(shí),適用于加班、出差等場(chǎng)景

日期區(qū)間

需要選擇兩個(gè)日期的場(chǎng)景,例如請(qǐng)假、 出差時(shí)間、辦理業(yè)務(wù)時(shí)間等適用

圖片上傳

圖片上傳可以用來(lái)記錄當(dāng)前提交表單所需要的圖片相關(guān)證明,例如上傳身份證、報(bào)銷(xiāo)的發(fā)票等

附件

上傳附件內(nèi)容的場(chǎng)景:例如各項(xiàng)證明、材料、數(shù)據(jù)、合同等,目前宜搭附件的單個(gè)限制為 100 MB

成員

成員組件可以獲取釘釘通訊錄的人員,選擇人員時(shí)可以使用,比如設(shè)置出差申請(qǐng)人、資產(chǎn)責(zé)任人、維護(hù)人員等,還可以和公式組合使用,另還可用于流程表單設(shè)置審批人時(shí)使用,比如發(fā)起人自選審批人

子表單

可以在其內(nèi)部添加文本、數(shù)值、日期等組件,比如在商品錄入時(shí),需要添加多條商品信息等場(chǎng)景可使用

圖文展示

商品展示、報(bào)銷(xiāo)、企業(yè)文化等場(chǎng)景,可使用該組件

部門(mén)

可以選擇人員所在部門(mén)

國(guó)家/地區(qū)

可以選擇全國(guó)各地的國(guó)家/行政區(qū)

地址

一款基于現(xiàn)在中國(guó)標(biāo)準(zhǔn)行政區(qū)塊的詳細(xì)地址選擇器

富文本

是一種可內(nèi)嵌于瀏覽器,所見(jiàn)即所得的文本編輯器

布局容器

對(duì)于復(fù)雜場(chǎng)景的布局,我們優(yōu)先推薦宜搭彈性布局,即 flex-layout,也是目前業(yè)界前端的主流 CSS 布局方式

分組

是一個(gè)官方推薦的區(qū)塊管理器,用于將功能相似的模塊,聚集在一個(gè)分組中

關(guān)聯(lián)表單

提供了關(guān)聯(lián)其他表單數(shù)據(jù),填充數(shù)據(jù)到當(dāng)前表單組件的功能

定位

可以在移動(dòng)端獲取地理位置信息

手寫(xiě)簽名

可以在移動(dòng)設(shè)備端快速實(shí)現(xiàn)電子手寫(xiě)簽名

學(xué)生

可用于K12校園中需要選擇學(xué)生的應(yīng)用場(chǎng)景,例如學(xué)生評(píng)優(yōu)、統(tǒng)計(jì)學(xué)生分?jǐn)?shù)等場(chǎng)景

班級(jí)

可用于 K12 校園中需要選擇班級(jí)的應(yīng)用場(chǎng)景,如班級(jí)德育評(píng)價(jià)場(chǎng)景

年級(jí)

可用于 K12 校園中需要選擇年級(jí)的應(yīng)用場(chǎng)景

校區(qū)

可用于 K12 校園中需要選擇校區(qū)的應(yīng)用場(chǎng)景

科目

可用于 K12 校園中需要進(jìn)行科目選擇的應(yīng)用場(chǎng)景,例如科目興趣班報(bào)名

學(xué)段

可用于 K12 校園中需要進(jìn)行學(xué)段選擇的應(yīng)用場(chǎng)景

學(xué)期

可用于 K12 校園中需要進(jìn)行學(xué)期選擇的應(yīng)用場(chǎng)景

學(xué)年

可用于 K12 校園中需要進(jìn)行學(xué)年選擇的應(yīng)用場(chǎng)景

學(xué)校

可用于 K12 校園中需要選擇學(xué)生的應(yīng)用場(chǎng)景,例如學(xué)生評(píng)優(yōu)場(chǎng)景

本章內(nèi)容:

  1. 組件基礎(chǔ)信息
  2. 常用控件
  1. 高級(jí)控件
  2. 教育行業(yè)控件


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)