🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# online表单添加人员弹框 > 使用说明 > ***** 配置: 1、在online表单选择表自定义按钮,按钮配置选择关联表(弹框展示列表的数据表)。 ![](https://img.kancloud.cn/38/4f/384f18ee6201790640053f0d0c26f71a_2560x1387.png) 2、在自定义按钮列表配置数据表的关联关系。 ![](https://img.kancloud.cn/ca/ee/caee9702f99183c52f56730902894c78_2560x1387.png) 页面展示: 3、在online表单选择表添加js增强,事件 that.openAutoModal({ })。 ![](https://img.kancloud.cn/25/29/2529f1917befdc1bd32b8129ffbf41ad_2560x1387.png) > 表单传入参数 > | 序号 | 字段名 | 字段中文 | 数据类型 | 是否必填 | 备注 | > | --- | --- | --- | --- | --- | --- | > | 1 | title | 弹窗展示名称 | string | 是 | > | 2 | width| 弹窗宽度 | number| 是 | > | 3 | btnCode| 按钮编码 | string| 是 | 过滤自定义按钮数据 | > | 4 | btnList| 弹框底部按钮 | list | 否 | label:按钮名称,action:按钮事件cancel()关闭/saveChoose(保存选中数据)/saveAll(全部保存),url:点击按钮请求接口,method:按钮请求数据方式,type:按钮类型(详见antd button的type类型) | > ***** 样例参考: ``` addStudent(){ that.openAutoModal({ title: '添加学生', width: 1000, btnCode: 'addStudent', btnList:[{ label:"关闭", action:"cancel", url:null, method:null, type:null, },{ label:"添加", action:"saveChoose", url:'/mdbc/mtDiyBtnConnect/saveConnectBtnInfo', method:'post', type:'primary', },{ label:"全部添加", action:"saveAll", url:'/mdbc/mtDiyBtnConnect/saveConnectBtnInfo', method:'post', type:'primary', },] }); } ```