EasyUI效果

 

 

 

 

可以写个公共的:

//一个弹窗
function showMyWindow(title, href, width, height, modal, minimizable,
                      maximizable) {
    if ($("myWindow").length > 0) {
        $("#myWindow").html('<div id="myWindow" class="easyui-dialog" closed="true"></div>');
    }else {
        $('body').append('<div id="myWindow" class="easyui-dialog" closed="true"></div>');
    }
    $('#myWindow').window(
        {
            title : title,
            width : width === undefined ? 600 : width,
            height : height === undefined ? 400 : height,
            content : '<iframe scrolling="yes" frameborder="0"  src="'
            + href
            + '" style="width:100%;height:98%;"></iframe>',
            modal : modal === undefined ? true : modal,
            minimizable : minimizable === undefined ? false
                : minimizable,
            maximizable : maximizable === undefined ? false
                : maximizable,
            shadow : false,
            cache : false,
            closed : false,
            collapsible : false,
            resizable : false,
            loadingMessage : '正在加载数据,请稍等片刻......'
        });
}

就这么用:

showMyWindow("弹窗提示",
        '../../html/work_group/add_work_group_win.html',
        800, 520);

效果:

EasyUI效果

 可以拖动

上一篇:Vue父组件与子组件传递事件/调用事件


下一篇:bootstrap模态框怎么关闭事件