fastadmin:如何点击按钮弹出存在的指定页面的弹窗

样式:

fastadmin:如何点击按钮弹出存在的指定页面的弹窗_第1张图片

方法一:

直接使用超链接进行操作

{:url('popup/purchase/itemno')}:表示地址信息

btn-dialog:表示弹窗

按钮

方法二:Fast.api.open(url, title, options)

html:点击文本框出现弹窗

// 料号

    

js:实现点击方法

表示:当点击class为item_no的组件,执行点击事件

打开地址为popup/purchase/itemno的窗口,并此窗口名字为lang中item_no对应的中文名称

使用Fast.api.open进行弹窗显示

popup/purchase/itemno为文件路径

__('item_no')为弹窗的标题

//focus获取焦点时执行方法,也可以blur,click等
$(document).on("focus", ".item_no", function () {
    Fast.api.open('popup/purchase/itemno', __('item_no'),{
        //接收传过来的参数
        callback:function(value){
            //在这里可以接收弹出层中使用`Fast.api.close(data)`进行回传数据
        }
    });
});

方法三:Fast.api.layer.open

html:点击文本框出现弹窗

// 料号

    

js:实现点击方法

表示:当点击class为item_no的组件,执行点击事件

打开地址为popup/purchase/itemno的窗口,并此窗口名字为lang中item_no对应的中文名称

使用Fast.api.layer.open进行弹窗显示

$(document).on("focus", ".item_no", function () {
     Fast.api.layer.open({
        type:2,
        area:["80%","90%"],//弹窗宽高
        content:"http://域名/ApZyMktNGd.php/popup/purchase/itemno/index"//地址
     })
 });

你可能感兴趣的:(fastadmin,javascript,前端,html)