fastadmin弹窗选择数据后关闭窗口

时间:2021-08-14

现在要实现一个功能:点击输入框后,弹出一个选择数据的列表,点击按钮后,关闭窗口,并且将选择的数据赋值给原输入框。

添加页面代码

<div class="col-xs-12 col-sm-8">
    <input id="c-customer_id_text" data-rule="required" class="form-control" readonly="readonly" type="text" value="">
    <input id="c-customer_id" class="form-control" name="row[customer_id]" type="hidden" value="">
</div>

js文件中

add: function () {
    $('#c-customer_id_text').click(function (){
            Fast.api.open('customer_my_order/index', '我的客户', {area: ['90%', '80%']});
    });
    Controller.api.bindevent();
}

主要实现点击后弹出列表选择窗口

弹出页面JS中

buttons: [
    {
        name: 'select_id',
        text: '选择',
        classname: 'btn btn-xs btn-info btn-click',
        click: function (btn, row) {
            window.parent.$('#c-customer_id').val(row.id);
            window.parent.$('#c-customer_id_text').val(row.call);
            let index = window.parent.layer.getFrameIndex(window.name);
            window.parent.layer.close(index);
        }
    }
]

上面实现了点击按钮后,给原输入框赋值,并关闭当前列表选择窗口。

fastadmin弹窗选择数据后关闭窗口