A08-06 單選按鈕組元件

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儲存格取消勾選允許為空，設定錯誤提示為：請選擇一個產品。

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