`
finally_m
  • 浏览: 70576 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

(三) ExtJS组件

    博客分类:
  • AJAX
阅读更多

组件大致可以分成三大类,即基本组件、工具栏组件、表单及元素组件。

基本组件有:

 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 触发录入项

分享到:
评论

相关推荐

    ExtJS 组件扩展

    #### 一、ExtJS组件扩展概述 ExtJS是一款基于JavaScript的开源前端框架,主要用于构建复杂的企业级Web应用程序。它提供了丰富的UI组件库,可以帮助开发者快速构建美观且功能强大的应用界面。为了更好地适应特定业务...

    EXTjs组件.pdf

    EXTjs组件是构建EXTJS应用程序的核心元素,它们是基于Ext.Component的子类,具备自动化的生命周期管理,包括创建、渲染、尺寸调整、定位和销毁等关键功能。组件是EXTJS中可交互的部件,可以是按钮、表格、面板等,...

    extjs 3.1 组件 使用

    在本篇文章中,我们将深入探讨如何在实际项目中使用ExtJS 3.1的组件。 首先,`css`目录包含了ExtJS 3.1的样式文件。这些CSS文件用于定义组件的外观和布局,包括颜色、字体、边距、边框等。在使用过程中,我们需要...

    EXTjs组件解释文档

    包括从基础到深入的EXTjs组件解释,EXTjs实例,EXT核心API详解,Ext.DomQuery类

    ExtJS日期多选组件源码

    通过研究和理解"ExtJS日期多选组件源码",开发者可以深入学习ExtJS组件设计、事件处理、数据绑定等核心概念,并能进一步定制适合自己项目需求的日期选择组件。这样的组件对于提高开发效率和用户体验具有积极的意义。

    extjs入门之组件学习

    extjs入门学习,各个组件的使用,包括Observable、Observable、BoxComponent、Container、Panel、Viewport及Window...

    ExtJS 常用组件样式修改

    ### ExtJS 常用组件样式修改 #### 工具栏样式修改 在ExtJS框架中,工具栏组件是常见的用户界面元素之一。通过修改工具栏的样式,开发者能够更好地匹配应用程序的整体设计风格。工具栏的基本类是`Ext.Toolbar`,其...

    Extjs树分页组件扩展

    在ExtJS中,树形(Tree)组件是一种用于展示层级数据的强大工具,它允许用户以树状结构浏览和操作数据。然而,在处理大量数据时,一次性加载所有节点可能导致页面响应变慢,这时就需要引入分页功能。"Extjs树分页...

    Ext编辑组件,方便编写extjs

    Ext编辑组件是基于ExtJS框架的一个扩展库,它为开发者提供了更加便捷的方式来创建和管理界面中的可编辑元素。ExtJS是一个强大的JavaScript库,用于构建富客户端的Web应用程序,尤其适用于构建数据驱动、交互性强的...

    Extjs3.0 常用组件介绍及怎么安装开发利器Spket

    **ExtJS 3.0 常用组件介绍** ExtJS 是一款强大的JavaScript库,用于构建富客户端Web应用。在3.0版本中,它提供了一系列丰富的组件,这些组件可以帮助开发者构建功能丰富的用户界面。以下是一些ExtJS 3.0中的常用...

    ExtJS组件介绍.pdf

    ### ExtJS组件深入解析 #### 一、面板(Panel) 面板(Panel)是ExtJS框架中最基础也是最重要的组件之一,几乎所有复杂控件都是基于Panel构建的。它不仅提供了丰富的功能和样式,还是其他组件组合与展示的核心容器。...

    ExtJs各组件简单应用例子导入到eclipse即可

    1. **下载ExtJS组件示例**:首先,你需要从官方或者其他可靠的源获取ExtJS的组件示例代码。这些示例通常包括HTML文件、JavaScript文件和可能的CSS文件,它们展示了如何在实际项目中使用各种组件。 2. **创建Eclipse...

    Extjs 年月日时分秒组件

    5. **可扩展性**:由于ExtJS组件的高度模块化,我们可以添加额外的功能,比如禁用某些日期或时间,或者添加自定义的验证规则。 6. **布局管理**:组件可以轻松地与其他UI元素一起在布局中使用,如表格、面板或窗口...

    extjs GuiDesigner extjs组件生成器

    非常不错的ext ui的工具,可以通过拖曳的方式来生成ext的组件。代码可以用于学习

    Extjs图片展示组件实例

    漂亮的Extjs图片展示组件实例,类似于幻灯片,可直接拿去用,非常不错的哦

    extjs各种常用组件归纳总结

    extjs各种组件的详细实现及各种扩展归纳总结,包括各种grid,tree,布局,表单,ajax,弹出框等

    ExtJS开发插件及Ext包

    - 对于ExtJS,Spket可以识别和理解ExtJS组件和API,提供实时的代码提示,帮助开发者快速编写代码。 - 还包括模板、调试工具和集成版本控制系统等其他特性,为ExtJS开发提供了一个全面的工作环境。 3. **Ext包管理...

    extjs组件介绍

    ### ExtJS组件介绍 #### 学习目标 1. 掌握Ext基本组件的用法 2. 掌握布局类的用法及其区别 ### 面板(Panel) 面板(`Panel`)是ExtJS中最基础且重要的组件之一,它构成了用户界面的核心结构。许多复杂的组件和...

    extjs组件的dll文件

    丰富的用户级组件,功能使用很强大,丰富的用户级组件,功能使用很强大,丰富的用户级组件,功能使用很强大,丰富的用户级组件,功能使用很强大,丰富的用户级组件,功能使用很强大,丰富的用户级组件,功能使用很强大,...

    EXTJS 上传组件及示例

    EXTJS 是一款基于JavaScript的富客户端应用开发框架,由Sencha公司开发,它提供了一整套组件化的用户界面元素和强大的数据绑定功能。在EXTJS 中,上传组件是用于实现文件上传功能的关键部分,这对于创建交互性强、...

Global site tag (gtag.js) - Google Analytics