EXT之window动态加载页面

最新推荐文章于 2022-12-17 11:48:24 发布

最新推荐文章于 2022-12-17 11:48:24 发布 · 325 阅读

文章标签：

#EXT

EXT 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用 Ext.Window 实现动态加载页面内容的功能，并展示了如何设置窗口的基本属性，如可关闭、关闭动作、最大化等。

首先看下普通的窗口：

 function newWin() {	 	var win=new Ext.Window({title:"窗口", 			width:400, 			height:300, 			maximizable:true}); 	 	win.show(); }

这样就是一个简单的窗口，里面不含任务内容。可以让它请求一个页面：

var win;
function newWin(value) {
	// 如果窗口存在，显示
	win = Ext.getCmp("win");
	if (win) {
		win.show();
		win.load({
					url : "../TeacherDispatchAction.do?method=courseDetail",
					params : {
						couId : value,
						subMainId : "tab-" + value + "-main"
					}
				});
	} else {
		win = new Ext.Window({
					title : "课程信息",
					id : 'win',
					width : 400,
					height : 300,
					maximizable : true,
					closable : true,
					closeAction : 'close'
				});
		win.show();
		win.load({
					url : "../TeacherDispatchAction.do?method=courseDetail",
					params : {
						couId : value,
						subMainId : "tab-" + value + "-main"
					},
					scripts: true
				});
	}
}

这里的条件语句是用来作判断，我所实现的是只打开一个窗口，根据要求动态加载页面的内容。

win.load({
     url : "../TeacherDispatchAction.do?method=courseDetail",
     params : {
      couId : value,
      subMainId : "tab-" + value + "-main"
     },
     scripts: true
    });

这句就是用来实现加载的语句。注意：如果请求的页面里也包含EXT组件的话，scripts: true 不能丢掉。否则就不会显示啦。

Ext.Window的属性有：

closable : true, //是否可关闭

closeAction : 'close' 关闭窗口是销毁窗口，为'hide'则隐藏

maximizable : true, //是否可最大化
draggable:false,//拖动
resizable:false //变大小