ext4.0中panel完整属性

《ext4.0中panel完整属性》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、窗体顶端Ext.Panel的主要功能Postedon2009-07-2021:10linFen阅读(1634)评论(0)编辑收藏上节介绍了ExtJS面板的主要表现形式，接下来将介绍面板组件的主要配置项及常用方法，这些配置项及方法将在后面的示例中用到，可以把这部分内容作为后续章节的铺垫，进行快速的浏览，Ext.Panel主要配置项目如表5-1所示。表5-1 Ext.Panel主要配置项目表表 配置项 参数类型 说明 animCollapse Boolean 设置面板折叠或展开时是否显示动画效果，如果Ext.Fx类可

2、用则默认为true，否则为fasle。applyToMixed一个页面上已经存在的元素或元素id，组件将会追加到该元素的后面，而不是将其作为新组件的容器。autoDestroyBoolean设置是否自动销毁从容器中移除的组件，默认为true，否则要手工销毁autoHeightBoolean是否使用自动高度，true则使用自动高度，false则使用固定高度，默认为falseautoLoadObject/String/Function设置面板自动加载的url地址。如果不为null则面板会尝试加载该url并立刻在面板中

3、进行渲染。这个连接将变成面板的body元素，所以可以根据需要在任何时候刷新面板内容autoScrollBoolean设置是否自动显示滚动条，true则设置面板的body元素样式为overflow:'auto'，内容溢出时会自动显示滚动条，false则不显示滚动条对溢出的内容进行截断。默认为falseautoShowBoolean设置是否移除组件的隐藏样式（例如'x-hidden'or'x-hide-display'），如果为true则在渲染时移除它们，默认为falseautoWidthBoolean是否使用自动宽

4、度，true为自动宽度，false为固定宽度，默认为falsebaseClsString应用于面板元素的基本样式类，默认为'x-panel'bbarObject/Array设置面板的底端工具栏，可以是Ext.Toolbar对象、工具栏配置对象或button配置对象的数组。bodyBorderBoolean设置是否显示面板体（body）的内部边框，true则显示，false则隐藏，默认为true。并且该项只在border=true时生效bodyStyleString/Object/Function应用于面板体（bo

5、dy）的自定义样式。默认为nullborderBoolean这是是否显示面板体（body）的边框，true则显示，false则隐藏，默认为true。默认边框宽度为2pxbuttonAlignString设置面板底部（footer）中按钮的对齐方式，有效值包括：'right','left'和'center'，默认为'right' buttonsArray加入到面板底部（footer）中按钮配置对象的数组6collapseFirstBoolean设置渲染展开或收缩按钮的顺序。true则在其它按钮渲染前先渲染展开或收缩

6、按钮，false则最后渲染，默认为true。该配置项决定了展开或收缩按钮的位置。collapsedBoolean设置面板在第一次渲染时是否处于收缩状态，true则收缩，false则展开，默认为falsecollapsibleBoolean设置是否允许面板进行展开和收缩，true则允许进行展开和收缩，并在面板头部显示伸缩按钮。默认为falsecontentElString设置面板的内容元素，可以是页面元素的id或已存在的HTML节点defaultTypeString面板中元素的默认类型，默认为'panel'defa

7、ultsObject应用到面板容器中所有元素的配置对象，例如：defaults:{bodyStyle:'padding:15px'}floatingBoolean设置面板是否可以浮动，true则允许，默认为false。注意，设置floating为true会导致面板显示在负偏移的位置，从而面板不可见，因为浮动状态下面板是采用绝对定位的，位置必须在渲染之后进行明确的设置（例如myPanel.setPosition(100,100);）.，浮动面板也需要有固定的宽度footerBoolean设置是否创建面板底部（foo

8、ter）元素，true则创建，false则跳过footer元素的创建，如果一个或多个按钮被加入到footer中，则footer的设置会被忽略，而直接创建footer元素frameBoolean设置是否渲染面板，true则渲染面板为自定义的圆角边框，false则渲染为1px的直角边框headerBoolean设置是否创建面板头部（header）元素，true则创建，fals