fastadmin自定义弹框,以及回调函数等问题,

发布于:2024-08-10 ⋅ 阅读:(67) ⋅ 点赞:(0)

效果图

在这里插入图片描述

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 主要代码

注意事项

  1. bind一定要使用 Form.api.bindevent() 不要使用 Controller.api.bindevent(); 这个绑定,不然回调没有效果
  2. 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();
        },