在ExtJS 中,除了一些特殊的组件或类以外,所有的组件在初始化的时候都可以在构造
函数使用一个包含属性名称及值的对象,该对象中的信息也就是指组件的配置属性。
比如配置一个面板:
new Ext.Panel({
title:"面板",
html"面板内容",
height:100}
);
再比如创建一个按钮:
var b=new Ext.Button({
text:"添加",
pressed:true,
heigth:30,
handler:Ext.emptyFn
});
再比如创建一个Viewport 及其中的内容:
new Ext.Viewport({
layout:"border",
items:[{region:"north",
title:"面板",
html:"面板内容",
height:100},
{region:"center",
xtype:"grid",
title:"学生信息管理",
store:troe,
cm:colM,
store:store,
autoExpandColumn:3
}
]
});
每一个组件除了继承基类中的配置属性以外,还会根据需要增加自己的配置属性,另外
子类中有的时候还会把父类的一些配置属性的含义及用途重新定义。学习及使用ExtJS,
其中最关键的是掌握ExtJS 中的各个组件的配置属性及具体的含义,这些配置属性在下载下
来的ExtJS 源码文档中都有详细的说明,可以通过这个文档详细了解每一个组件的特性。
分享到:
相关推荐
EXT组件在软件开发中扮演着重要的角色,尤其是其 MessageBox 工具类,它提供了一种简单易用的方式来创建用户交互的对话框。MessageBox 继承自 Object 对象,并且有一个别名 Ext.Msg,使得调用更为简洁。接下来,我们...
在支持一次仅显示一个子组件的布局中,如`Ext.layout.Accordion`、`Ext.layout.CardLayout`和`Ext.layout.FitLayout`,这个属性特别有用。 2. **allowDomMove**: 默认值为`true`,表示在组件渲染过程中允许移动DOM...
【Ext组件转化成JSF】是指将基于ExtJS的组件转换为JavaServer Faces (JSF)框架中的组件,以便在JSF应用中使用。ExtJS是一个强大的JavaScript库,提供了丰富的用户界面组件,而JSF是一种Java Web应用程序开发框架,...
EXT中的每个类都有一个静态配置,用于定义类的默认属性和行为,以及实例配置,用于设置每个实例的特定属性。 2. **实例属性**:当创建一个EXT类的实例时,可以为实例属性传递配置参数。这些属性可以在类的生命周期...
导入后,开发者可以通过AI2的界面设计视图添加组件,并在逻辑编辑器中配置相应的属性和事件,从而实现更强大的网络功能。 总的来说,"ClientSocketAI2Ext"扩展组件极大地丰富了App Inventor 2的网络通信能力,使...
5. `field`:`Ext.form.Field`是所有表单字段的基础类,提供了一般性的属性和方法,如验证和状态管理。 6. `fieldset`:`Ext.form.FieldSet`是用于组织和分组表单字段的容器,通常包含一个标题和可选的边框。 7. `...
这些组件都具有高度可配置性和可扩展性,能够满足各种复杂的界面需求。 2. **布局管理**: Ext2.0提供了多种布局模式,如Fit布局、Table布局、Form布局、Border布局等,用于控制组件在容器中的排列方式,使得页面...
在描述中,提供了博文链接,虽然没有具体内容,但可以推测博主可能详细解释了如何配置或自定义Ext2中的日期组件以仅显示年月选择。这可能涉及到对源码的修改,或者利用现有的API选项来实现这一功能。 标签 "源码" ...
本篇我们主要关注"Ext表单组件之textField",它是最基础也是最常用的输入控件,用于接收用户的文本输入。 一、Ext.form.TextField简介 Ext.form.TextField是Ext JS中的一个核心组件,它允许用户在表单中输入单行...
2. **配置属性**:YearField有许多配置项,如`value`用于设定默认年份,`minValue`和`maxValue`定义可选年份范围,`format`控制显示格式,`submitFormat`影响表单提交时的值格式等。 3. **事件监听**:可以监听...
创建一个基本的复选框,你需要定义一个配置对象,包括`xtype`属性来指定组件类型为`checkbox`,并可设置其他属性如`fieldLabel`(字段标签)和`name`(字段名称): ```javascript var checkbox = Ext.create('...
EXT提供了`Ext.Window`类来创建窗口,可以设置窗口大小、位置、标题、按钮等属性,并且可以包含其他EXT组件,如表格、表单等。 **EXT基本表格(GridPanel)介绍**:EXT的表格组件,即`Ext.grid.GridPanel`,是一种...
- 文件"EXT组件grid+tree+window.docx"很可能包含了EXTJS组件的具体实现代码,以及代码中的关键属性和方法解释,帮助初学者理解组件的工作原理和配置方式。 - "role"和"rolePermission"可能是示例中的数据模型或者...
EXT按钮拥有丰富的属性和配置选项,使得开发者可以自定义其外观、行为以及交互效果。以下是对EXT按钮属性的详细解释,并结合图片进行对应说明: 1. `text`:这是按钮上显示的文本。例如,`text: '点击我'` 将在按钮...
在压缩包中的"EXT教程"文件,可能包含了从入门到进阶的各类教程文章,覆盖了EXT的基本概念、组件使用、布局配置、数据绑定等多个方面。通过阅读这些教程,你可以逐步掌握EXT的开发技巧,从而构建出专业级别的Web应用...
当界面设计完成后,设计器会自动生成相应的Ext JS代码,这包括组件定义、布局配置、样式设定以及事件绑定等。生成的代码结构清晰,易于理解和维护,对于团队协作和项目长期发展非常有利。 在压缩包中,`formbuilder...
通过EXT Media组件,我们可以定制播放器的外观,控制播放、暂停、音量调整等功能,并且可以与其他EXT组件如按钮、进度条等进行联动,提供丰富的用户交互体验。 首先,EXT Media组件的核心是HTML5的media元素,它...
CKEditor的集成是通过ExtJS的`xtype`属性实现的,`xtype`是定义组件类型的关键字。在创建ExtJS表单时,你可以将CKEditor作为表单字段的一种类型来使用,这样用户就可以在表单中直接编辑HTML代码,而不是简单的纯文本...
本文将深入探讨Ext JS Calendar的核心组件、配置选项以及数据管理。 **CalendarPanel** CalendarPanel是主要的日历组件,它由多个子组件构成,并可独立使用。它继承自Panel,具备布局管理能力,可以根据需要设置...