💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
## 10.6.admin.modelForm方法 此方法是把layer弹窗自带的确定按钮绑定成表单的提交按钮: ```html <!-- 表单弹窗 --> <script type="text/html" id="modelUser"> <div class="layui-form-item"> <label class="layui-form-label">用户名</label> <div class="layui-input-block"> <input name="nickName" class="layui-input" lay-verType="tips" lay-verify="required" required/> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">备注</label> <div class="layui-input-block"> <textarea name="comments" class="layui-textarea"></textarea> </div> </div> </script> <!-- js部分 --> <script> layui.use(['layer', 'form', 'admin'], function () { var $ = layui.jquery, layer = layui.layer, form = layui.form, admin = layui.admin; admin.open({ type: 1, title: '添加用户', btn: ['确定', '取消'], content: $('#modelUser').html(), success: function (layero, dIndex) { // 把确定按钮绑定表单提交,参数二是给按钮起一个lay-filter,参数三是给表单起一个lay-filter admin.modelForm(layero, 'demoFormSubmit', 'demoForm'); // 给表单赋值 form.val('demoForm', {nickName: '张三', sex: '男'}); // 监听表单提交 form.on('submit(demoFormSubmit)', function (data) { layer.msg(JSON.stringify(data.field)); return false; }); }, yes: function () { // 确定按钮方法什么都不要操作 } }); }); </script> ``` admin.modelForm()这个方法会把弹窗外面包一个form,然后把确定按钮加lay-submit,所以你的表单页面不需要写form和确定按钮,只需要写表单项。 这个方法的使用场景为你想要表单的按钮固定,只滚动表单内容部分,可以用这个操作, 当然前面介绍的4中方式也是支持固定按钮的,请到css组件样式中查看详细介绍。 <br/>