當前為10.0版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

單選按鈕組控件簡介

1. 概述

1.1 預期效果

1.1.1 填報應用

填報報表中可以通過該控件錄入填報的數據,如下圖所示:

02.jpg

1.1.2 參數應用

參數面板處可以通過該控件過濾數據,如下圖所示:

2.png

1.2 實現思路

1.2.1 填報應用

添加控件後,在數據字典中設置選項,選擇數據。

1.2.2 參數應用

單選按鈕組控件綁定參數,通過參數過濾數據。

2. 填報應用

2.1 添加控件

2.1.1 步驟

新建普通報表,A2 單元格添加「文本控件」,A6 單元格、A8 單元格添加「日期控件」,A4 單元格添加「單選按鈕組控件」,展示列數設置爲 1 ,并爲控件所在單元格添加邊框。如下圖所示:

注:設置邊框的步驟請參見:單元格樣式 文檔中的 2.2.1 節内容。  

7.png

單選按鈕組控件的數據字典設置如下圖所示:

1598949629478194.png 

2.1.2 單選按鈕組控件屬性簡介

各屬性設置項的詳細介紹如下表所示:

屬性
簡介
控件名

通常與參數結合使用

通過控件名可以獲得該控件,從而獲得控件值傳遞給對應參數

或者通過控件名獲得控件後通過 JS 設置控件的屬性

可用

勾選後,填報時可正常勾選填報内容

不勾選,填報時控件灰化,不可編輯

可見

勾選後,填報時控件可見

不勾選,填報時控件不可見

數據字典

通過數據字典來定義單選按鈕組實際值與顯示值,可參考文檔 數據字典

自适應

勾選後,列數多自動分行,完全展示按鈕

不勾選,可自定義設置展示列數,若展示不下将截斷展示

展示列數設置單選按鈕組控件的展示列數,若展示不下将截斷展示
允許爲空

勾選後,允許控件爲空值

不勾選,填報校驗和提交時會提示:不能爲空

錯誤提示用戶可自定義不允許爲空的提示信息

2.2 設置填報屬性

點擊「模板>報表填報屬性」,添加「内置SQL」,數據庫爲 FRDemo ,數據表爲「qingjia」,點擊「智能添加字段」,添加字段:name、type、startday、endday,并依次綁定單元格A2、A4、A6、A8,如下圖所示:

9 (1).gif

2.3 效果查看

保存模板,點擊「移動端預覽」,效果如本文 1.1.1 節所示。

注:支持 PC 端,效果圖此處不再展示。

3. 參數應用

3.1 模板準備

1)新建普通報表,新建 ds1 ,SQL 語句如下所示:

SELECT * FROM 銷量

2)點擊「模板>模板參數」,添加模板參數 p1 ,如下圖所示:

1598951345488754.png

3.2 添加控件

3.2.1 步驟

在參數面板中添加「單選按鈕組控件」和「查詢控件」。如下圖所示:

11.png

3.2.2 注意事項

  • 普通報表中,将參數面板控件工具欄中的「單選按鈕組控件」拖入到參數面板中即可。

  • 決策報表中,先将參數界面拖入 body 界面,再将「單選按鈕組控件」拖入參數面板或 body 中即可,如下圖所示:

image.png

3.3 設置數據字典

3.3.1 步驟

選中單選按鈕組控件,控件名稱爲 p1 ,類型設置選擇「數據庫表」,數據庫爲「FRDemo」,數據庫表爲「銷量」,實際值和顯示值爲「地區」,如下圖所示:

image.png

3.3.2 屬性介紹

屬性:

各屬性設置項的詳細介紹如下:

屬性
簡介
控件名稱

通常與參數結合使用

通過控件名可以獲得該控件,從而獲得控件值傳遞給對應參數

或者通過控件名獲得控件後通過 JS 設置控件的屬性

可用

勾選後,預覽時可正常輸入文本信息

不勾選,預覽時控件灰化,不可編輯

可見

勾選後,預覽時控件可見

不勾選,預覽時控件不可見

标簽名稱标簽名稱的作用就是用來彌補參數界面中标簽控件不支持的問題
控件值控件默認顯示的值,詳情請參見:控件默認值
數據字典數據字典可以定義下拉框實際值與顯示值,詳情請參見:數據字典
字體文本框中輸入字體的大小
自适應

勾選後,列數多自動分行,完全展示按鈕

不勾選,可自定義設置展示列數,若展示不下将截斷展示

展示列數設置單選按鈕組控件的展示列數
允許爲空

勾選後,可以不選擇任何值

不勾選,不選擇任何值時可自定義錯誤提示

錯誤提示用戶可自定義不允許爲空的提示信息
控件位置調整控件在參數面板中的位置
控件大小調整控件的大小

移動端:

單選按鈕組控件,在移動端的展現,基本與PC端屬性一緻。

JAR 包在 2020-07-08 之後,且 App/HTML5 移動端展現插件在 V10.4.80 之後時,移動端支持設置控件的「最大顯示行數」。如下圖所示:

image.png

顯示邏輯如下表所示:

報表類型
控件位置是否移動端重布局顯示邏輯
普通報表參數界面-

根據控件選項擴展的行數,顯示區域不同:

1)若實際行數<最大顯示行數,則組件區域的高度自動擴展,顯示全部選項,無多餘空白行,無滾動條

2)若實際行數≥最大顯示行數,則組件區域的高度先擴展,顯示最大顯示行數,其餘通過滾動條顯示

3)若最大顯示行數爲 0 ,組件區域由組件寬高比例決定,組件顯示行數由組件區域決定,顯示不下将出現滾動條

決策報表
參數界面-
body 界面勾選移動端重布局
未勾選移動端重布局

組件區域由組件寬高比例決定,高度無法自由擴展

組件顯示行數由組件區域決定,顯示不下将出現滾動條,不受最大顯示行數約束

3.4 設計界面添加表格

1)設計界面添加表格,其中 A2 單元格輸入公式:「$p1」,如下圖所示:

12.png

2)雙擊 B2 單元格,點擊過濾,設置「地區等於參數$p1」,如下圖所示:

1598952576244387.png

3.5 效果查看

保存模板,點擊分頁預覽,效果如本文 1.1.2 節所示。

附件列表


主題: 原簡體文檔
  • 有幫助
  • 沒幫助
  • 只是瀏覽

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉

反饋已提交

網絡繁忙