<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                # 常用基礎控件 [TOC] > **配置方式:在`“頁面屬性”`->`“控件類型”`中選擇對應的控件類型** ![](https://img.kancloud.cn/9a/a8/9aa8da1da6ac1caab7bc5b73e12c558b_1082x525.png) ## 1. 下拉框 | 多選框 | 單選框 | 下拉多選 | 下拉搜索 > 字典用法:表單字段,通過配置系統字典或者表字典,實現下拉、Checkbox、Radio等效果。 > 支持模型: 系統字典 和表字典(通過數據庫表的配置)——不支持popup > 注:下拉搜索控件只支持表字典(不支持popup) ![](https://img.kancloud.cn/a7/86/a786b4a27b1cf44c8fd14257b1cf4d7a_1430x525.png) ### 1.1 數據字典 配置字典code(對應系統字典表的 字典編碼)如:bpm_status ![](https://img.kancloud.cn/47/33/47335abff9b4848ee28a3a66fab7086a_1520x530.png) 字段code對應: 系統管理 -> 數據字典 ![輸入圖片說明](https://static.oschina.net/uploads/img/201906/14183929_dBT5.png "在這里輸入圖片標題") 演示: ![輸入圖片說明](https://static.oschina.net/uploads/img/201906/14184017_qPRS.png "在這里輸入圖片標題") ### 1.2 表字典 ![](https://img.kancloud.cn/ae/2b/ae2b781e44c6d7a93056fdcdbc3e2ba7_1498x550.png) 效果:實現通過表里面取數,下拉展示 ![](https://img.kancloud.cn/16/63/16637359fc482171831d4c3443e73bc3_993x400.png) ### 1.3 條件過濾 **支持自定義sql 增加查詢條件 過濾表數據** 配置方式,如圖所示在字典table上接表名后配置where[**where 一定要小寫**] 條件: ![](https://img.kancloud.cn/d4/ca/d4cacb9359ffd7d58a7f9958fce0decb_1594x458.png) ## 2. 日期控件 | 時間控件 > 日期控件分為年月日和年月日時分秒控件 > `“年月日”`的數據庫類型對應`“date”`; `“年月日 時分秒”`的數據庫類型對應`“datetime”` `“時間”`的數據庫類型對應`“String”` ![](https://img.kancloud.cn/cc/53/cc539054b5cd93cf581337d67ef9e03b_1220x299.png) ## 3. Popup控件 _popup選擇框的使用依賴于Online報表_ (1)創建一個Online報表來提供彈出數據列表的數據集,如`“report_user”` ![](https://img.kancloud.cn/eb/d9/ebd9ee3ab76cf95f24dc1028d5778dc6_1702x409.png) (2)選擇控件類型為popup彈出框 (3)字典Table、字典Code、字典Text項填寫對應的Online報表信息 ``` 字典Table: 填寫Online報表編碼,如:“report_user” 字典Code: 填寫Online報表中的字段名(多個逗號隔開)如:“username,realname” 字典Text: 填寫表單中字段名 (多個逗號隔開)如:“popup,popback” ``` ![](https://img.kancloud.cn/e2/49/e24936cca05dc06a7c053259c35c7eec_1470x571.png) (4)展示效果 ![](https://img.kancloud.cn/6e/b6/6eb6f49fda4e04b60f1bc661a794e4fb_1456x853.png) ## 4. 用戶選擇 | 部門選擇 ### 4.1 配置 頁面屬性配置控件類型 選擇`“用戶選擇”`或`“部門選擇”` ### 4.2 高級用法-動態存儲/展示字段 - 使用場景 部門組件默認存儲部門ID,展示部門名稱, 用戶組件默認存儲用戶賬號,展示用戶名稱,現支持動態配置,指定存儲/展示的字段名。 - 配置 頁面屬性 -> 更多配置 點擊高級配置,可直接選擇是否多選、存儲字段、展示字段 ![](https://img.kancloud.cn/4f/85/4f8543f1df0f5035e115856cc3d929f6_1650x595.png) - 備注:上述字段為部門/用戶實體的字段名或數據庫字段名都可以,可以只配置一個,配置的存儲字段需保證數據唯一性。 **目前只支持單表** ## 5. 分類字典樹 > 1.分類字典樹控件是基于 系統表`“分類字典”`設計的,為online提供一個樹控件,用于選擇分類字典的數據。 2.分類字典的數據維護見菜單【系統管理】-->【分類字典】 ### 5.1 配置方法一 > 只保存ID,列表及表單回顯數據需要系統翻譯,適用于小數據量,可保證當前表數據及分類字典表數據一致。 - online表單配置: ![](https://img.kancloud.cn/ba/93/ba93d4056c09d363c6dfbd3ca397fea7_1358x252.png) *此方案需要配置字典code的值,該值實際是分類字典的**類型編碼**,此處配置成B01即表示當前這個樹控件,只加載B01節點以下的數據* - 演示: ![](https://img.kancloud.cn/49/95/4995fb39a60dd6e867cb70d7ffbe0ef2_987x763.png) ### 5.2 配置方法二 > 保存ID和text ,列表及表單展示text,適用于大數據量,但是若分類字典表數據text被修改,當前表則難以保證數據一致性 - 頁面屬性-配置控件類型 ![](https://img.kancloud.cn/b1/15/b115d94638a80c344d3f448aa35aedcf_1346x284.png) - 校驗字段-配置字典 ![](https://img.kancloud.cn/23/30/23304e5b2098ac06400aeb88a1e79c52_1502x239.png) 備注: 1、數據庫屬性配置兩個字段,字典code存儲樹id,字典Text存儲樹text 2、頁面屬性配置成分類字典樹,列表表單顯示,text為文本框,列表表單不顯示 3、字典code配置成分類字典的**類型編碼**,同一;字典text配置存儲樹text字段的名稱 - 演示, ![](https://img.kancloud.cn/a3/5a/a35af1032d0960e0042a3b305b923794_1001x666.png) ## 6. 自定義樹類型 * 1.頁面屬性-配置控件類型 ![](https://img.kancloud.cn/04/68/04687ad4dc6693cd59af19c3fb27727f_1085x217.png) * 2.校驗字段-配置字典 ![](https://img.kancloud.cn/ee/9b/ee9bcc54ff2a9a7067afe23709cf076b_1537x196.png) 備注: 1、字典table 填寫樹控件對應的表名 { 例如:`sys_category` } 2、字典code填寫樹控件根節點的父ID的值,填`“0”`則為全部顯示 3、字典text填寫4個表字段的名稱,以逗號隔開,依次是:**ID列,父ID列,顯示列,是否有子節點列** { 例如:`id,pid,name,has_child`} > 字段順序解釋說明: > a. ID列和PID列用于記錄數據的父子關系,且ID列是該樹控件最終保存到數據庫的值 > b. 顯示列表示樹控件展示的數據, > c. 是否有子節點列是樹形表需要的特例列,詳細看 online表單樹形表單開發 ,該列為字符串類型系統默認1為是 0為否,不支持其他數據格式。 * 3.演示 ![](https://img.kancloud.cn/a3/5a/a35af1032d0960e0042a3b305b923794_1001x666.png) ## 7. 下拉聯動組件 > 例如:省市區的三級聯動下拉選擇框 ### 7.1 表關系 **首先**,聯動組件的數據來源需要有相應的層級關系 ,如 :新建一張表`sys_test_link`,數據如下: | id | pid | name | | --- | --- | --- | | 1 | | 中國 | | 2 | 1 | 山東省 | | 3 | 2 | 濟南市 | | 4 | 3 | 歷城區 | | 5 | 3 | 長青區 | | 6 | 2 | 青島市 | | 7 | 1 | 安徽省 | | 8 | 7 | 合肥市 | | 9 | 8 | 包河區 | | 10 | 8 | 廬陽區 | | 11 | 7 | 黃山市 | | ... | | | ### 7.2 online配置 新增字段— province,city,area 省-province字段上配置聯動組件,其他配置文本框即可 ![](https://img.kancloud.cn/d6/00/d60070a32b82cacaa9dc722875bc4ba1_1191x381.png) 省-province字段的校驗字段 ----> 字典table --->配置json,格式如下: ``` { table: "sys_test_link", txt: "name", key: "id", linkField: "city,area", idField: "id", pidField: "pid", condition:"pid = '1'" } ``` ![](https://img.kancloud.cn/7b/a1/7ba1fb6a3e6c80573fbc4e51ad799c55_1238x332.png) 配置描述: | 名稱 | 描述 | | --- | --- | | table | 數據庫表名 | | txt | 控件顯示的值 | | key | 控件需要存儲的值 | | linkField | 級聯組件的其他字段名稱,上例配置了市,區字段名 | | idField | 數據的標識 | | pidField | 上下級關系的表示字段 | | condition | 聯動組件 第一個下拉框的數據查詢條件 | 測試效果: ![](https://img.kancloud.cn/9a/93/9a93a1ac529b2a080648a0cab62a78bb_940x278.png) ## 8. 開關控件 > 用于場景:只有兩個選項且只能選一個 默認選項值: Y/N (即數據庫字段存儲為Y或N) 配置: ![](https://img.kancloud.cn/f7/3b/f73b33a1831b9a0f4532e6d79b650280_1601x239.png) 配置注意: - 控件類型選擇:開關 - 擴展參數:如果不想使用默認的選項值(Y/N)保存到數據庫,支持自定義,配置一個數組即可, 例如:配置數組 `[1,2]` 則第一個參數(1)對應是,第二個參數(2) 對應否 那么保存在數據庫的字段值為1/2 列表顯示: ![](https://img.kancloud.cn/73/6e/736ef7ffcadb17541d1984a2b1d1bd28_1441x162.png) 單表/主表/一對一子表 表單效果展示: ![](https://img.kancloud.cn/6e/11/6e112ea3a9dfe115a90fb2242f303a93_866x349.png) 一對多子表 表單效果展示:(勾選即Y) ![](https://img.kancloud.cn/b3/40/b3402633822c20c948e555c3d6f21681_364x258.png)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看