EXT 如何让grid等一些组件随着窗口大小变化

问题描述

当我们的窗口不是最大化时,打开含有grid的页面它是小的,正常可当我们将窗口放到最大时,那grid还是原来样子,如何让它也变大呢?

解决方案

本帖最后由 yearnqiao 于 2010-10-21 14:29:28 编辑
解决方案二:
左边是一个树形
解决方案三:
设置layout:‘fit’
解决方案四:
window的layout设置为fit
解决方案五:
我把grid放到ViewPort中varview=newExt.Viewport({layout:'border',renderTo:'form-ct',id:"aaa",border:false,items:[{region:'center',layout:'fit',items:[gridd]}]});

它能自动调整宽度,但高度还是不行
解决方案六:
为什么啊??为什么没人回答呢?
解决方案七:
functionComResize(){varh=contentPanel.getHeight()-30;//contentPanel是我放Grid的TabPanelInnvoice.setHeight(h);//Innvoice我的grid}varoTime;window.onresize=function(){if(oTime){clearTimeout(oTime);}oTime=setTimeout("ComResize()",100);};
解决方案八:
引用6楼windxxf的回复:

functionComResize(){varh=contentPanel.getHeight()-30;//contentPanel是我放Grid的TabPanelInnvoice.setHeight(h);//Innvoice我的grid}varoTime;window.onresize=function(){if(……

它报脚本错误,ObjectExpected
解决方案:
你要修改的。。。
解决方案:
我肯定修改了啊functionComResize(){varh=CH-30;//CH是我放Grid的层的高度gridd.setHeight(h);//gridd我的grid}varoTime;window.onresize=function(){if(oTime){clearTimeout(oTime);}oTime=setTimeout("ComResize()",100);};

时间: 2024-11-23 20:58:33

EXT 如何让grid等一些组件随着窗口大小变化的相关文章

JavaScript的Ext JS框架中的GridPanel组件使用指南_extjs

1 最简单的Grid PanelGrid Panel是ExtJS的核心部分之一,通过Grid Panel可以对数据显示.排序.分组和编辑.Model和Store是Grid Panel处理数据的核心,每个Grid Panel都必须设置Model和Store.要创建Grid Panel,首先要定义Model,Model包括了Grid Panel所有需要显示的字段,相当于数据库中表字段的集合.Store可以看作是一行数据的集合或者是Model的实例集合,每个Store都包含一个或多个Model实例,G

介绍Ext JS 4 MVC给Web开发带来的变化

文章最后将与大家一起讨论作者在运用过程中碰到的问题以及解决办法,并提出 MVC 需要进一步完善的地方. Ext JS 4 目前是 Sencha 的产品,4.x 的正式版本号是 4.0.7.Ext JS 4 提供商业版本,但如果您的项目是开源的,则可以http://www.aliyun.com/zixun/aggregation/17944.html">免费使用 Ext JS 4.Ext JS 的论坛目前非常活跃:Ext JS 还在不但地升级改进,据 Sencha 官方统计,使用 Ext J

【求助】如何让Grid中的控件等内容的尺寸随着Grid的尺寸变化而等比变化?

问题描述 RT假设我在窗体上塞一个Grid,然后在Grid里面塞一堆button.textbox什么的东西,然后我用鼠标调整窗体大小的时候,我想让Grid里面的所有控件也随着Grid(也就是窗体)的变化而变化,同比变化,窗口高度缩小一倍,所有控件的高度和控件之间的间隔什么的都缩小一倍,就跟放大镜放大缩小一样,不知道C#能不能实现???我试了下,让button.height=gird.height/10;但是它报错说gird.height是非数值.另外补充一个:Grid是动态添加进去的,一开始没有

Ext JS 4的Grid组件

Summary: 介绍Ext JS 4的Grid Ext JS 4 Grid Components Author: Brian Moeskau(译者:Frank Cheung) Published: 2011三月七日 Ext Version: 4.x 该文英文版本:http://www.sencha.com/blog/ext-js-4-grid-components 我们正在不懈地努力着Ext JS4.到目前为止所呈送给各位看官的只是程序员预览版本(Developer Perview),不过我们

《Ext JS 4 First Look》翻译之五:Grid、Tree和Form   

5.1. Grid panel      Grid应该是我们在开发时使用的最多的组件之一.Extjs4对其进行了重大的改进.      Extjs4与Extjs3的Grid生成不同的HTML.Sencha称其为智能渲染(Intelligent Rendering).Extjs3中即使不需要Grid的所有特性,它也会生成整套HTML.而Extjs4就只会渲染Grid所用到的特性,这样就使 渲染最小化且提高了性能.      在学习Extjs4中Grid的新特性前,让我们先了解在Extjs4中如何创

《Ext JS 4 First Look》翻译之五:Grid、Tree和Form

<Ext JS 4 First Look>翻译之五:Grid.Tree和Form      至此我们已经学习了Data包和布局等API.下面我们来学习作为Extjs框架中我们用得最多的用来展现数据的Grid.Tree和Form吧! 目录: 5.1. Grid panel 5.1.1. Columns 5.1.2. Feature 5.1.2.1. Ext.grid.feature.Grouping 5.1.2.2. Ext.grid.feature.Summary 5.1.2.3. Ext.g

Ext 4 概述(六)之Grid

数据表格(Grid) 这次升级Ext 4全部重写了Grid组件.显然,诸多理由和原因迫使我们升级Grid,但Ext 4 Grid向后兼容方面真的很难顾全.为此,我们将会提供一份关于Grid在Ext3升级到Ext4的指南. 智能化渲染 旧Ext JS 3 Grid工作起来还是蛮不错的.但透过"最小公分母(least common denominator)"的方法论来确定其各种功能的话,很容易带来一点不足的就是,伴随着Grid的每一项功能,都会生成大量的HTML Markup产生.我们不得

Ext JS 3.3 日历组件

在Ext中设计一个标准的日历组件并不是一件简单的事情.既不能把它设计复 杂到用起来比较困难,又不能设计得简单到只能拿来当例子,脱离了实际的用途. 我们在这两者这间作了平衡,希望你们同意. 开始了解日历面板 主要组成部分: *月视图这个视图渲染使用了MonthViewTemplate.它会自动适应屏幕尺寸,不 会出现滚动条.它基于box布局. *日视图这个视图使用了两个组件:DayHeaderView(由DayHeaderTemplate渲 染)和DayBodyView(由DayBodyTempl

EXT学习总结

ext概述:     ExtJs初期仅是对Yahoo! UI的对话框扩展,后来逐渐有了自己的特色,深受网友的喜爱. 发展至今, Ext除YUI外还支持Jquery.Prototype等的多种JS底层库,让大家自由地选择.该框架完全基于纯Html/CSS+JS技术,提供丰富的跨浏览器UI组件,灵活采用JSON/XML数据源开发,使得服务端表示层的负荷真正减轻,从而达到客户端的MVC应用! ExtJs支持多平台下的主流浏览器 Internet Explorer 6+ FireFox 1.5+ (PC