效果图
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();
},