在ExtJS中,除了一些特殊的组件或类以外,所有的组件在初始化的时候都可以在构造函数使用一个包含属性名称及值的对象,该对象中的信息也就是指组件的配置属性。
比如配置一个面板:
new Ext.Panel({title:"面板",html"面板内容",height:100});
再比如创建一个按钮:
var b=new Ext.Button({text:"添加",pressed:true, heigth:30,handler:Ext.emptyFn});
每一个组件除了继承基类中的配置属性以外,还会根据需要增加自己的配置属性,另外子类中有的时候还会把父类的一些配置属性的含义及用途重新定 义。学习及使用ExtJS,其中最关键的是掌握ExtJS中的各个组件的配置属性及具体的含义,这些配置属性在下载下来的ExtJS源码文档中都有详细的 说明,可以通过这个文档详细了解每一个组件的特性。
所有的组件都继承自Ext.Component,这里我们列出组件基类Component中的配置属性简单介绍。
配置属性名 称 |
类 型 |
描述 |
allowDomMove |
Boolean |
当渲染这个组件时是否允许移动Dom节点(默认值为true) |
applyTo |
Mixed |
混合参数,表示把该组件应用指定的对象。参数可以是—节点的id,一个DOM节点或一个存在的元素或与之相对应的在document中已出现的id。当使用 applyTo,也可以提供一个id或CSS的class名称,如果子组件允许它将尝试创建一个。如果指写applyTo选项,所有传递到 renderTo方法的值将被忽略,并且目标元素的父节点将自动指定为这个组件的容器。使用applyTo选项后,则不需要再调用render()方法来 渲染组件。
|
autoShow |
Boolean |
自动显示,如为true,则组件将检查所有隐藏类型的class(如:’x-hidden’ 或’x-hide-display’并在渲染时移除(默认为false)。
|
cls |
String |
给组件添加额外的样式信息,(默认值为''),如果想自定义组件或它的子组件的样式,这个选项是非常有用的。
|
ctCls |
String |
给组件的容器添加额外的样式信息,默认值为'')。
|
disabledClass |
String |
给被禁用的组件添加额外的CSS样式信息,(默认为"x-item-disabled")
|
hideMode |
String |
组件的隐藏方式,支持的值有’visibility’,也就是css里的visibility,’offsets’负数偏移位置的值和’display’也就是css里的display,默认值为’display’。
|
hideParent |
Boolean |
是否隐藏父容器,该值为true时将会显示或隐藏组件的容器,false时则只隐藏和显示组件本身(默认值为false)
|
id |
String |
组件的id,默认为一个自动分配置的id
|
listeners |
Object |
给对象配置多个事件监听器,在对象初始化会初始化这些监听器。 |
plugins |
Object/Array |
一 个对象或数组,将用于增加组件的自定义功能。一个有效的组件插件必须包含一个init方法,该方法可以带一个Ext.Component类型参数。当组件 建立后,如果该组件包含有效的插件,将调用每一个插件的init方法,把组件传递给插件,插件就能够实现对组件的方法调用及事件应用等,从而实现对组件功 能的扩充。
|
renderTo |
Mixed |
混合数据参数,指定要渲染到节点的id,一个DOM的节点或一个已存在的容器。如果使用了这个配置选项,则组件的render()就不是必需的了。
|
stateEvents |
Array |
定义需要保存组件状态信息的事件。当指定的事件发生时,组件会保存它的状态(默认为none),其值为这个组件支持的任意event类型,包含组件自身的或自定义事件。(例如:[‘click’,’customerchange’])。
|
stateId |
String |
组件的状态ID,状态管理器使用该id来管理组件的状态信息,默认值为组件的id。
|
style |
String |
给该组件的元素指定特定的样式信息,有效的参数为Ext.Element.applyStyles中的值。
|
xtype |
String |
指定所要创建组件的xtype,用于构造函数中没有意义。该参数用于在容器组件中创建子组件并延迟实例化和渲染时使用。如果是自定义的组件,则需要用Ext.ComponentMgr.registerType来进行注册,才会支持延迟实例化和渲染。
|
el |
Mixed |
相当于applyTo
|
分享到:
相关推荐
本设计器特色功能就是可以支持任何 vue 项目中被引用的组件,不需要二次开发就可以定义支持的组件以及组件的属性,并且对组件的属性和数据的关系以及表单的交互行为也可以通过设计器配置实现 特性 可视化拖拽布局 ...
通过 JSON 来配置你的组件属性(颜色,字体,Title 等等).zip,A powerful & easy to use styling framework written in Swift
Echarts图例组件的属性与源代码 图例(legend)组件是ECharts... 利用某一年的蒸发量、降水量、最低气温和最高气温数据绘制折柱混搭图,并为图表配置图例组件。 当图例数量过多或图例长度过长时,可以使用垂直滚动图
Vue界面可视化设计器,支持任何html标签以及项目中引用的组件,可实现仅通过配置文件就能增加支持的组件和组件属性.zip
内容概要:layui下拉框的所有可配置属性统计 使用场景及目标:项目中需要用到layui的dropdown组件的,而该组件的配置信息比较杂,这里做个统计方便后面需要的时候直接用
flex 各组件对应的样式属性上各组件对应的样式属性 themeColor 主题颜色:如果对色彩样式配置不想过多的去设置的话,themeColor是一个选择。它可以让你选择一种基本色彩,然后组件的边框,外观等色彩将会以此色彩为...
第14课(讲解tree的应用,tree的初始化方式、异步tree都需要那些配置、tree的lines、url、checkbox、属性,onLoadSuccess事件,getChecked方法的应用) 第15课(继续讲解tree的使用,介绍tree需要的JSON格式、常用事件和...
第 5 章 使用配置属性本章内容:微调自动配置 bean将配置属性应用于应用程序组件使用 Spring 配置文件你还记得 iPhone 第一次出现的时候吗?一块
在这里,我们可以新建一个工程,并设置组件属性,例如组件名称和类名称。最后,我们可以点击“OK”,以便于创建 Com 组件。 在创建 Com 组件时,我们需要注意一些细节。例如,我们需要确保 Matlab 能够正确地编译成...
1.window配置 -----设置微信小程序状态栏,导航栏,标题和窗口背景色 (此图片来源于网络,如有侵权,请联系删除! ) 2.tabBar配置 (此图片来源于网络,如有侵权,请联系删除! ) 3.页面基本生命周期 (此图片来源于网络,...
#Spring 属性注释扩展的 PropertyPlaceHolderConfigurer 使用注解将配置属性注入到 Spring 组件中。 注意:Spring 3 现在支持使用 @Value 注释的容器的。 该项目仅用于 Spring 2.5.x 支持。 ##入门Spring房产注解...
在根目录的gradle.properties文件中,增加属性: mainmodulename=app 其中mainmodulename是项目中的host工程,一般为app 在根目录的build.gradle中增加配置 buildscript { repositories { maven { url uri('./...
1. 配置组件属性 2. 配置连接条件 3. 配置连接类型 4. 配置 session 为 sorted 或者 unsorted input 5. 配置 transaction scope Joiner Transformation 组件的属性: * Case-Sensitive String Comparison:区分大...
AEM组件生成器是一个Java项目,使开发人员可以使用JSON配置文件(指定组件和对话框属性以及其他配置选项)来生成AEM组件的基本结构。 生成的代码包括: cq:dialog的组件属性 dialogshared / dialogglobal用于共享...
KETTLE 组件介绍及使用 KETTLE 是一个ETL(Extract、Transform、Load)工具,用于数据integration和数据migration。下面是 KETTLE 组件的介绍和使用指南。 4.1 Kettle 使用 Kettle 提供了资源库的方式来整合所有...
详细介绍Streamsets Data Collector(SDC)管道中源端、目标端、处理器、执行器中各个常用组件及用法配置。说明管道中常用的表达式语句、记录头属性、函数用法。管道的开始和结束事件、RPC管道、数据汇聚增量及全量的...
HTML 组件写法是 WEB 前端开发中的一种常见的编写方式,涉及到 HTML 语义化、标签分类、代码嵌套、缩进规范、元素属性推举、灵便用法伪类、注释规范、单文件组件命名规范、组件配置项、组件规范、大事名命名等多个...
该组件从文件读取配置属性,并使用OSGi ConfigurationAdmin服务分发工件。 以下代码显示了有效配置文件的示例: < property1>value1 < property2>value2 ... 该示例定义了两个 O
ProTable 组件支持搜索初始化,默认情况下,搜索栏是收起的,可以通过配置 defaultCollapseSearch 属性来决定默认展开多少项或者是否全部展开。 表格列配置 ProTable 组件的表格列配置可以通过 tableColumn 配置项...
动态列表组件动态列表组件是通过设计数据来获取页面配置动态生成列表的组件,它拥有的属性是配置数据传入的属性值使用方法为true时,不加载更多,默认为false工作