JQuery EasyUI window 用法

最新推荐文章于 2024-04-12 03:03:32 发布

原创最新推荐文章于 2024-04-12 03:03:32 发布 · 624 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #easyui

easy-ui 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了 EasyUI 框架中 Window 组件的使用方法及其相关属性和事件，包括如何设置标题、链接外部页面、调整尺寸等，并解释了各种回调函数的作用。

$("#MyPopWindow").window({
                title : 'example',
                href : ctx + '/jsp/example.jsp',
                width : 850,
                height : 525,
                iniframe : true,
                onLoad : function() {
                    loadPsg4Wel(vip);
                    //加入的example.jsp页面的方法
                },
                onClose:function(){
                    query();
                    //当前页面的方法
                }
            });

属性及方法说明

Window需要依存于以下的三个组件： * 可拖放(Draggable) * 调整大小(Resizable) * 面板(panel)

下面来介绍Window的具体用法，首先来看属性大多数的属性和面板(panel)的属性是相同的

名字	参数	描述
onLoad	none	当远程数据加载时触发
onBeforeOpen	none	当面板打开之前触发
onOpen	none	当面板打开之后触发
onBeforeClose	none	当面板关闭之前触发
onClose none	当面板关闭之后触发
onBeforeDestroy	none	当面板销毁之前触发
onDestroy	none	当面板关闭之后触发
onBeforeCollpase	none	当面板折叠之前触发
onCollapse	none	当面板折叠之后触发
onBeforeExpand	none	当面板展开之前触发
onExpand	none	当面板展开之后触发
onResize width, height	当面板调整大小之后触发 width: 新的宽度	height: 新的高度
onMove	left,top	当面板移动之后触发 left: 新的左侧位置 top: 新的顶部位置
onMaximize		none
onRestore	none	当窗口恢复到原来的大小时被触发
onMinimize none	当窗口最小化的时候被触发