EXT之window动态加载页面

来源:互联网 发布:apache embedded 编辑:程序博客网 时间:2024/06/09 17:05

首先看下普通的窗口:

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

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

Js代码 复制代码
  1. var win;   
  2. function newWin(value) {   
  3.     // 如果窗口存在,显示   
  4.     win Ext.getCmp("win");   
  5.     if (win) {   
  6.         win.show();   
  7.         win.load({   
  8.                     url "../TeacherDispatchAction.do?method=courseDetail",   
  9.                     params {   
  10.                         couId value,   
  11.                         subMainId "tab-" value "-main"  
  12.                     }   
  13.                 });   
  14.     else {   
  15.         win new Ext.Window({   
  16.                     title "课程信息",   
  17.                     id 'win',   
  18.                     width 400,   
  19.                     height 300,   
  20.                     maximizable true,   
  21.                     closable true,   
  22.                     closeAction 'close'  
  23.                 });   
  24.         win.show();   
  25.         win.load({   
  26.                     url "../TeacherDispatchAction.do?method=courseDetail",   
  27.                     params {   
  28.                         couId value,   
  29.                         subMainId "tab-" value "-main"  
  30.                     },   
  31.                     scripts: true  
  32.                 });   
  33.     }   
  34.  

 

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

Js代码 复制代码
  1. win.load({   
  2.      url "../TeacherDispatchAction.do?method=courseDetail",   
  3.      params {   
  4.       couId value,   
  5.       subMainId "tab-" value "-main"  
  6.      },   
  7.      scripts: true  
  8.     });  

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

Ext.Window的属性有:

closable : true,                        //是否可关闭

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

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

原创粉丝点击