`

Ext 的组件

    博客分类:
  • ext
ext 
阅读更多

Ext2.0 对框架进行了非常大的重构,其中最重要的就是形成了一个结构及层次分明的组
件体系,由这些组件形成了Ext 的控件,Ext 组件是由Component 类定义,每一种组件都有
一个指定的xtype 属性值,通过该值可以得到一个组件的类型或者是定义一个指定类型的组
件。

组件大致可以分成三大类,即基本组件、工具栏组件、表单及元素组件。
基本组件有:
xtype Class
box Ext.BoxComponent 具有边框属性的组件
Button Ext.Button 按钮
colorpalette Ext.ColorPalette 调色板
component Ext.Component 组件
container Ext.Container 容器
cycle Ext.CycleButton
dataview Ext.DataView 数据显示视图
datepicker Ext.DatePicker 日期选择面板
editor Ext.Editor 编辑器
editorgrid Ext.grid.EditorGridPanel 可编辑的表格

grid Ext.grid.GridPanel 表格
paging Ext.PagingToolbar 工具栏中的间隔
panel Ext.Panel 面板
progress Ext.ProgressBar 进度条
splitbutton Ext.SplitButton 可分裂的按钮
tabpanel Ext.TabPanel 选项面板
treepanel Ext.tree.TreePanel 树
viewport Ext.ViewPort 视图
window Ext.Window 窗口

 

工具栏组件有
toolbar Ext.Toolbar 工具栏
tbbutton Ext.Toolbar.Button 按钮
tbfill Ext.Toolbar.Fill 文件
tbitem Ext.Toolbar.Item 工具条项目
tbseparator Ext.Toolbar.Separator 工具栏分隔符
tbspacer Ext.Toolbar.Spacer 工具栏空白
tbsplit Ext.Toolbar.SplitButton 工具栏分隔按钮
tbtext Ext.Toolbar.TextItem 工具栏文本项

 

表单及字段组件包含
form Ext.FormPanel Form 面板
checkbox Ext.form.Checkbox checkbox 录入框
combo Ext.form.ComboBox combo 选择项
datefield Ext.form.DateField 日期选择项
field Ext.form.Field 表单字段
fieldset Ext.form.FieldSet 表单字段组
hidden Ext.form.Hidden 表单隐藏域
htmleditor Ext.form.HtmlEditor html 编辑器
numberfield Ext.form.NumberField 数字编辑器
radio Ext.form.Radio 单选按钮
textarea Ext.form.TextArea 区域文本框
textfield Ext.form.TextField 表单文本框
timefield Ext.form.TimeField 时间录入项
trigger Ext.form.TriggerField 触发录入项

分享到:
评论

相关推荐

    Ext组件说明 Ext组件概述

    ### Ext组件概述与初学者指南 #### 一、Ext组件概览 Ext是一个功能丰富的JavaScript框架,用于构建桌面级Web应用程序。它提供了大量的组件和工具,使得开发者能够快速且高效地构建用户界面。对于初学者而言,理解...

    EXT组件一些属性与方法(MessageBox)[文].pdf

    EXT组件在软件开发中扮演着重要的角色,尤其是其 MessageBox 工具类,它提供了一种简单易用的方式来创建用户交互的对话框。MessageBox 继承自 Object 对象,并且有一个别名 Ext.Msg,使得调用更为简洁。接下来,我们...

    Ext组件描述,各个组件含义

    ### Ext组件概述与详解 #### 一、Ext基础组件 **1.1 Box Component (Ext.BoxComponent)** - **xtype**: `box` - **功能描述**:Box Component 是一个非常基本的 Ext 组件,主要用于定义具有边框和其他布局属性的...

    Ext组件化开发

    ExtJS的组件化开发,描述如何通过将ExtJS组装成组件供项目组调用

    Ext组件转化成JSF

    【Ext组件转化成JSF】是指将基于ExtJS的组件转换为JavaServer Faces (JSF)框架中的组件,以便在JSF应用中使用。ExtJS是一个强大的JavaScript库,提供了丰富的用户界面组件,而JSF是一种Java Web应用程序开发框架,...

    EXT 组件详解,是EXCEL文档

    EXT 组件详解EXT 组件详解EXT 组件详解

    EXT 组件和控件的 视频教程

    EXT组件和控件是Sencha EXT JS框架的核心部分,它提供了丰富的用户界面元素,用于构建交互式的Web应用程序。EXT Grid是EXT JS中的一个关键组件,主要用于展示和操作表格数据。这个“EXT 组件和控件的 视频教程”很...

    Ext组件扩展包 - DateTime

    Ext组件扩展包 - DateTime 是一个专门用于增强JavaScript应用程序中日期和时间处理能力的工具集。在Web开发中,尤其在创建交互式用户界面时,日期和时间选择器是不可或缺的一部分。此扩展包提供了美观且功能丰富的...

    EXT组件的7WX扩展类

    EXT组件的7WX扩展类是针对7WX开源项目的一个重要补充,主要目的是为了更好地整合EXT框架,提升数据处理和展示的效率与灵活性。EXT是一个强大的JavaScript UI库,它提供了丰富的组件和工具,用于构建富客户端应用程序...

    Ext组件详解,Ext组件的使用说明

    Ext组件精解,可以做出非常漂亮的界面,里面讲解详细,例子很多!!

    EXT2.3+EXT2.0教程

    "EXT 中文手册.pdf"是EXT组件库的中文版文档,对于初学者来说是一份宝贵的参考资料。手册通常会详细介绍EXT的安装步骤、基本概念、组件使用方法以及事件处理等核心内容。通过阅读这份手册,新手可以理解EXT的架构,...

    EXT组件初学者教程 grid+tree+window+描述文档

    - 文件"EXT组件grid+tree+window.docx"很可能包含了EXTJS组件的具体实现代码,以及代码中的关键属性和方法解释,帮助初学者理解组件的工作原理和配置方式。 - "role"和"rolePermission"可能是示例中的数据模型或者...

    ext上传组件,可以多文件上传

    SwfUploadPanel.js则是EXT组件的具体实现,它封装了SwfUpload.js的功能,使得开发者能够方便地在EXT环境中调用和配置上传组件。 example.php和upload_example.php是两个示例PHP文件,它们展示了如何在服务器端处理...

    Coolite ext 组件源码(v0.8.1)

    很好的extjs控件,适合asp.net开发,源码可以根据需要进行修改,项目使用时只需引用Coolite.Examples/bin目录下面的两个dll文件(Coolite.Ext.UX.dll和Coolite.Ext.Web.dll)即可。

    ClientSocketAI2Ext

    "ClientSocketAI2Ext" 是一个专为App Inventor 2(AI2)设计的扩展组件,用于增强其原生的TCP套接字(socket)功能。App Inventor 2是一个可视化的编程环境,允许初学者和专业人士创建移动应用程序,而无需深入学习...

    ext 组件 核心代码

    NULL 博文链接:https://ku-sunny.iteye.com/blog/1606931

    ext下载包,ext,ext包,ext下载

    这个文件夹包含CSS样式文件、图片和其他必要的图形元素,用于美化EXT组件的外观。开发者可以根据项目需求自定义这些资源,以适应特定的品牌风格或界面设计。 "adapter"文件夹则包含EXT与其他JavaScript库或框架适配...

    Ext扩展控件,支持复制,粘贴,剪切

    总之,"Ext扩展控件,支持复制,粘贴,剪切"是关于如何利用ExtJS的插件机制增强其组件功能的一个实例,旨在提供与桌面应用相似的交互体验。开发者可以通过理解和使用"UxCopyPaste"这个资源来提升他们的ExtJS应用的...

    ext3.jar ext使用非常多

    在实际项目中,开发者可以通过Maven或者Gradle等构建工具将EXT3.jar作为依赖引入,然后在Java代码中创建EXT组件并进行事件绑定,实现业务逻辑。 在网站开发中,EXT框架的使用可以提供强大的用户界面,例如,通过EXT...

Global site tag (gtag.js) - Google Analytics