`
zxwxiao
  • 浏览: 19159 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Extjs window 随浏览器大小变化而变化

阅读更多
var win = new Ext.Window({
       modal : true,
       title : "Ext-Window",
       maximizable : true,
       monitorResize:true,
       draggable:false, // 禁止移动
        resizable : false,
       maximizable:false, // 禁止最大化
        layout : 'fit',
       plain:true,
       buttonAlign : 'right',
       listeners:{
         close:function(w){
           w.container.removeClass("x-window-maximized-ct"); //显示滚动条
           w.restore(); // 关闭窗口前先还原,滚动条才不会消失
          },
         maximize:function(w){
         //最大化后需要将窗口重新定位,否则窗口会从最顶端开始最大化
          w.setPosition (document.body.scrollLeft,document.body.scrollTop);
   }
}
});
win.show();
win.container.addClass('x-window-maximized-ct'); // 隐藏浏览器滚动条

win.setPosition(0, 0);
win.fitContainer(); // 填充满浏览器


Ext.EventManager.onWindowResize(function(a,b){
var win = Ext.getCmp("window");
if(win == undefined){
     return;
}
win.setPosition(0, 0);
         win.fitContainer();
});


分享到:
评论

相关推荐

    最新extjs开发包

    ExtJS是一种强大的JavaScript库,专为构建富交互式的前端用户界面而设计。它不仅提供了丰富的组件库,还包含了用于数据管理、布局管理、事件处理等核心功能,使得开发者可以高效地构建复杂的Web应用程序,无需过多...

    ExtJS带进度条的多文件上传和图片预览

    在ExtJS中,`Ext.ProgressBar`组件用于创建进度条,通过监听文件上传事件并更新进度条的值,实现进度条的动态变化。 4. **异步文件上传**:为了实现带进度条的上传,通常会采用AJAX异步技术,这样可以在不刷新页面...

    很绚丽的EXTJS例子

    9. **Viewport**:EXTJS的视口组件可以根据浏览器窗口大小自动调整布局,确保应用在不同屏幕尺寸下都能良好显示。 对于初学者来说,通过这些例子可以了解到EXTJS的基本用法和组件间的协作方式,同时也可以学习到...

    ExtJs组件类的对应表

    2. **`viewport`** - `Ext.ViewPort`,视口组件,代表浏览器的可视区域,可以响应浏览器的大小变化。 3. **`box`** - `Ext.BoxComponent`,盒子组件,类似于HTML的`<div>`标签,用于布局和结构设计。 4. **`...

    extjs4代码

    - Window窗口:可移动、可调整大小的浮动容器,常用于对话框或弹出窗口。 3. **实例开发** - 创建基本页面:首先引入ExtJS库,然后定义应用的基本配置,包括视图、控制器和模型。 - 构建组件:根据需求选择合适...

    ExtJS的xtype列表

    - `viewport`: 应用程序的主视图,占据整个浏览器窗口,随窗口大小变化而变化。 - `box`: 基础的布局容器,类似于HTML的`<div>`。 - `component`: 通用组件,可以自定义行为和外观。 - `container`: 容器组件,...

    extjs 项目整理

    - **Viewport**: 视口组件,代表着浏览器的可视区域,能够随着浏览器窗口的大小变化而自动调整其内部组件的布局。 - **MenuPanel**: 菜单面板,用于展示一系列可点击的菜单项,通常用于导航。 - **Tree**: 树形结构...

    《Ext+JS》 样章

    它内置的布局管理器能够根据浏览器窗口大小自动调整组件的排列方式。 ### 5. 动态加载 EXTJS支持按需加载,可以只加载当前需要的组件和数据,减少页面初始化时的资源消耗,提升应用性能。此外,它的动态加载功能还...

    extjs控件列表

    - **描述**: 代表浏览器的可视区域,可自动调整大小以适应窗口尺寸变化。 - **用途**: 作为主布局容器,确保页面内容在不同屏幕尺寸上自适应。 **Ext.BoxComponent** - **描述**: 盒子组件,类似于HTML中的`<div>`...

    ExtAspNet_v2.3.2_dll

    -修正Form不能自适应浏览器大小的改变(feedback:kaywood)(WorkItem#6309)。 -增加重载方法Alert.Show(message, title, icon)(feedback:TheBox)(WorkItem#6353)。 -为容器控件(比如Panel,Region,Tab等)增加AJAX...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正Form不能自适应浏览器大小的改变(feedback:kaywood)(WorkItem#6309)。 -增加重载方法Alert.Show(message, title, icon)(feedback:TheBox)(WorkItem#6353)。 -为容器控件(比如Panel,Region,Tab等)增加AJAX...

    UniGUI集合说明

    IE浏览器与其他现代浏览器相比,在渲染机制上存在一定的差异,这可能导致UniGUI控件在IE中的字体显示不清晰或大小异常。为了解决这一问题,可以尝试以下几种方法: - **调整CSS样式**:通过调整CSS中的字体大小、...

Global site tag (gtag.js) - Google Analytics