加载中…
个人资料
酷云
酷云
  • 博客等级:
  • 博客积分:0
  • 博客访问:8,213
  • 关注人气:202
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

EXT之window动态加载页面

(2010-06-22 09:28:30)
标签:

window

show

ext

窗口

弹出层

动态加载

it

分类: 我的工作笔记

首先看下普通的窗口:

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

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

  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.  
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
                                });
        }
}

 

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

  1. win.load({   
  2.      url "../TeacherDispatchAction.do?method=courseDetail",   
  3.      params {   
  4.       couId value,   
  5.       subMainId "tab-" value "-main"  
  6.      },   
  7.      scripts: true  
  8.     });  
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 //变大小

0

阅读 收藏 喜欢 打印举报/Report
前一篇:ext上传文件
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有