`
keepwork
  • 浏览: 334346 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

EXT--window 随浏览器大小变化而变化

    博客分类:
  • EXT
ext 
阅读更多
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(); 
}); 

 

开发者博客www.developsearch.com

分享到:
评论

相关推荐

    Ext组件说明 Ext组件概述

    Viewport组件是Ext应用程序的根容器,用于填充整个浏览器窗口,管理布局和响应窗口大小变化。 ##### 5. **Window(窗口)** Window组件可以创建一个浮动的对话框或模态窗口,用于显示额外的信息或收集用户输入。 ...

    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...

    EXT中文手册8

    这在全屏幕应用中尤为重要,因为浏览器窗口的大小变化可能导致布局错乱,而 `Viewport` 能够自动处理这些问题,确保应用界面始终保持良好的视觉效果和可用性。 #### 布局Layouts:构建优雅界面的强大工具 在EXT ...

    ext学习例子

    1. **EXT3的组件系统**:EXT3的核心在于其组件化的设计思想,每个可视元素都可视为一个组件,如按钮(Button)、窗口(Window)、树形视图(Tree)等。这些组件可以组合使用,创建复杂的用户界面。 2. **数据绑定**...

    Ext Core手册 繁体体中文pdf版.7z

    布局管理器能够自动调整子组件的大小和位置,适应不同的屏幕尺寸和内容变化。 **六、动画效果** 为了增强用户体验,Ext Core 提供了动画功能。开发者可以通过`Ext.Anim`对象来创建各种动画效果,如淡入淡出、滑动、...

    ExtAspNet_v2.3.2_dll

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

    ExtJS快速入门指南 pdf格式

    - **窗口组件**:`Ext.Window`提供了一个弹出窗口的功能,用于展示额外的信息或收集用户输入。 - **配置与使用**:窗口可以通过配置对象进行初始化,并通过调用`show()`方法显示出来。 #### 九、对话框 - **...

    extjs控件列表

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

    ExtJs组件类的对应表

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

    ExtJS的xtype列表

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

    最新extjs开发包

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

    extjs 项目整理

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

    《Ext+JS》 样章

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

    入门学习Linux常用必会60个命令实例详解doc/txt

    举例而言,如要挂载下列5个设备,其执行指令可能如下 (假设都是Linux的ext2系统,如果是Windows XX请将ext2改成vfat): 软盘 ===>mount -t ext2 /dev/fd0 /mnt/floppy cdrom ===>mount -t iso9660 /dev/hdc /mnt/...

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

    在这个项目中,我们可能使用了`Ext.form.Panel`来创建表单,`Ext.ProgressBar`来显示文件上传进度,以及`Ext.window.Window`来弹出图片预览窗口。 2. **多文件上传**:多文件上传功能允许用户一次选择并上传多个...

    UniGUI集合说明

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

    Linux讲义

    - **ext3/ext4**:常见的Linux文件系统。 - **swap**:交换分区,用于虚拟内存。 **知识点18:文件系统管理** - **格式化**:使用mkfs命令创建新的文件系统。 - **挂载**:使用mount命令将文件系统连接到文件树中的...

    很绚丽的EXTJS例子

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

Global site tag (gtag.js) - Google Analytics