A08-07 複選按鈕組元件

1. 在設計表單時，有的資訊需要讓使用者做多選。可以在儲存格中插入複選按鈕組元件。

2. 複選按鈕組元件將所有選項展示在報表上，供使用者勾選。

3. 選項需要用資料字典設定。使用者預覽表單時，看到的選項是顯示值，使用者提交表單後，提交的資料是實際值。

4. 複選按鈕組元件作為一種填報元件，僅在填報預覽和新填報預覽時使用。 

1

插入複選按鈕組元件。

1. 選中B2儲存格，點擊【元件設定】，點擊下拉框，選擇【複選按鈕組元件】。

2

基本-元件名。

1. 可以為B2中插入的複選按鈕組元件設定元件名。

2. 元件名可手動輸入任意名稱，也可選擇全域參數或伺服器資料源參數。

3. 元件名選擇參數，即將參數和元件進行了綁定，在元件中輸入的值，可通過參數來實時傳遞。

4. 擁有名稱後，可以通過JavaScript獲取元件，從而修改元件屬性。

3

進階-資料字典。

1. 選中B2儲存格，點擊【資料字典】後的【...】，進入資料字典設定面板。

2. 型別設定為【資料庫表】，資料庫選擇【FRDemoTW】，選擇資料庫表【銷量】。

3. 設定【實際值】欄名為【產品】，【顯示值】欄名也為產品。

4. 點擊【確定】，完成設定。

5. 可設定不同型別的資料字典，資料字典設定可參考A06-08 樣式-資料字典。

4

預覽複選按鈕組元件。

1. 滑鼠右鍵點擊欄【B】，選擇【欄寬】，輸入40，點擊【確定】。

2. 滑鼠右鍵點擊列【2】，選擇【列高】，輸入20，點擊【確定】。

3. 點擊【填報預覽】，在瀏覽器中查看效果，頁面展示了所有的產品選項，可以直接點擊選擇。

5

進階-自動調整。

1. 勾選自動調整，選項根據儲存格大小自動調整佈局。

2. 選中B2儲存格，預設勾選【自動調整】。

3. 調整B2儲存格的寬度和高度，點擊填報預覽，在瀏覽器中查看效果。

6

進階-不自動調整。

1. 不勾選自動調整，會彈出欄位設定，選項根據設定的欄位數調整佈局。

2. 選中B2儲存格，取消勾選【自動調整】，設定【展示欄數】為1。

3. 點擊【填報預覽】，在瀏覽器中查看效果，選項單欄顯示。

7

進階-提供全選。

1. 勾選提供全選時，所有選項後出現【全選】選項，點擊即可勾選所有選項，再次點擊可取消勾選所有選項。

2. 不勾選提供全選時，沒有【全選】選項，需要手動勾選每一個選項。

3. 設定B2儲存格勾選提供全選，點擊【填報預覽】，在瀏覽器中查看效果。

8

基本-可用。

1. 勾選【可用】時，正常顯示。

2. 不勾選【可用】時，顏色會被淡化掉，元件也無法點擊執行。

3. 設定B2儲存格元件不可用，預覽效果。

9

基本-可見。

1. 勾選【可見】時，可看得到元件。

2. 勾選【不可見】時，元件會被隱藏起來不顯示。

3. 設定B2儲存格元件不可見，預覽效果。

10

校驗-允許為空。

1. 勾選【允許為空】，表示元件可以為空顯示。

2. 不勾選【允許為空】，會彈出錯誤提示設定，預覽當元件為空時，會彈出設定的錯誤提示。

3. 設定B2儲存格取消勾選允許為空，設定錯誤提示為：請選擇一個產品。

4. 點擊【填報預覽】，在瀏覽器中查看效果。

11

傳回值型別-陣列。

1. 選擇陣列型別，傳回的資料以逗號隔開各選項。

2. 設定B2儲存格傳回值型別為陣列，在C2儲存格中插入公式=B2，查看返回值效果。

3. 點擊【填報預覽】，在瀏覽器中查看效果。

12

傳回值型別-字串。

1. 選擇字串型別，可自訂分隔符，起始符，結束符，傳回的資料會包含這些符號進行顯示。

2. 設定B2儲存格傳回值型別為字串，分隔符為【分號】，起始符為【單引號】，結束符為【單引號】。

3. 點擊【填報預覽】，在瀏覽器中查看效果。