## 說明 動態下拉使用的是`selectpage`多功能下拉分頁選擇插件。 文檔地址：[https://terryz.gitee.io/selectpage/](https://terryz.gitee.io/selectpage/) ## HkCms中使用方式 1. html 寫法 在表單中創建`input`類型為`text`，class里面增加`selectpage`，同時增加如下屬性。這里需要注意的是屬性的寫法例如文檔中有個`showField`這種格式的屬性那么html的寫法是`data-show-field`。 ~~~ <input type="text" class="form-control selectpage" data-select-only="true" // 選擇模式，不允許輸入 data-pagination="false" // 不使用分頁 data-multiple="true" // 允許多選 data-data="{:url('/auth.admin/getGroup')}"> ~~~ 一些常用的屬性列表： | 屬性名 | 可選值 | 說明 | | --- | --- | --- | | data-data | | url鏈接地址，即數據源 | | data-select-only | true/false | 是否允許輸入 | | data-pagination | true/false | 是否開啟分頁 | | data-multiple | true/false | 是否允許多選 | | data-list-size | | 默認10，規定分頁大小 | | data-show-field | 默認name | 顯示的字段 | | data-key-field | 默認id | 存儲字段 | | data-search-field | 默認同data-show-field字段一致 | 需要提交的查詢字段，多個英文逗號分隔 | |data-params||附加查詢參數，data-params='{"status":"normal"}'，使用系統自帶的查詢寫法：data-params='{"custom[status]":"normal"}'| 更多屬性可參考上面的文檔鏈接。 2. 初始化表單 ~~~ <script> require(['jquery','Form'], function ($,Form) { Form.api.init(); // 初始化表單組件生效 }) </script> ~~~ **附加參數** 附加參數動態指定方式，提交效果：custom[status]: normal，custom[id]: 10 ~~~ $("#frm-flags").data("params",function (e) { return { custom: {status:1,id:$('#id').val()} }; }); ~~~