## 说明 动态下拉使用的是`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()} }; }); ~~~