效果图
1, 代码
弹框中使用弹框
弹框1代码主要代码
<div class="form-group ccol-xs-12 col-sm-2" style="text-align: right"><a href="#" data-url="{:url('user/add')}" class="btn btn-info" id="addVendor" role="button">Add Vendor</a></div>
弹框2主要代码
<form id="add-form" class="form-horizontal form-ajax" role="form" data-toggle="validator" method="POST" action=""><input type="hidden" id="agency_code" name="row[agency_code]" value=""><div class="form-group col-xs-12 col-sm-6"><label for="owner" class="control-label col-xs-12 col-sm-2" style="padding:0">Owner *</label><div class="col-xs-12 col-sm-8"><input type="text" class="form-control" id="owner" name="row[owner]" value="" data-rule="required" /></div></div>......
</form>
js 主要代码
注意事项
- bind一定要使用
Form.api.bindevent()
不要使用Controller.api.bindevent();
这个绑定,不然回调没有效果 - function (data,ret) {} 这个data,ret 这两个值是后台传过来的
data: 对应下面后端数据
ret:对应整体后端返回的json数据
vendors: function () {Form.api.bindevent($("form[role=form]"),function (data,ret) {console.log('=================')console.log(data)console.log(ret)Fast.api.close(data);//这里是重点});},edit: function () {$(document).on("click", "#addVendor", function () {Fast.api.open("booth_merch/vendors", "Add Vendors", {area:['800px','500px'],offset: '100px',callback:function(value){console.log('edit');console.log(value);}});Fast.api.layerfooter();});Controller.api.bindevent();},