`
shaohan126448
  • 浏览: 116192 次
  • 来自: 北京
社区版块
存档分类
最新评论

Ext 常用控件属性列表

EXT 
阅读更多

Ext 常用控件属性列表

 

 

Ext 常用控件属性列表 收藏
 Ext.form.NumberField
继承自Ext.form.TextField,因为Ext.form.TextField虽然强大,但写起来的确还是有点麻烦,后面的类都继承自Ext.form.TextField,没有自定义的方法,属性和事件

config定义为{
    allowDecimals : Boolean    //true
    allowNegative : Boolean    //true
    baseChars : String    //'0123456789'
    decimalPrecision : Number    //精度,默认值2
    decimalSeparator : String    //小数分隔符
    fieldClass : String    //默认样式为x-form-field x-form-num-field
    maxText : String
    maxValue : Number    //默认Number.MAX_VALUE
    minText : String
    minValue : Number    //默认Number.NEGATIVE_INFINITY
    nanText : String    //NaN时显示?
}

 Ext.form.TextArea

 config{
    autoCreate : String/Object    //{tag: "textarea", style: "width:100px;height:60px;", autocomplete: "off"}
    growMax : Number    //1000
    growMin : Number    //60
    preventScrollbars : Boolean    //如果为真等于设置overflow: hidden,默认为false
 }

 Ext.form.TriggerField
 这个类只要text旁边加了个下拉按钮,要自己实现onTriggerClick
 config{
    autoCreate : String/Object,    //{tag: "input", type: "text", size: "16", autocomplete: "off"}
    hideTrigger : Boolean        //隐藏trigger,就是右边的那个下拉选择框
    triggerClass : String

}
事件
onTriggerClick( EventObject e ) : void


Ext.form.DateField
继承自TriggerField,用于日期选择

config{
    altFormats : String        //转换用户输入到日期时的格式,默认'm/d/Y|m-d-y|m-d-Y|m/d|m-d|d'
    autoCreate : String/Object    //{tag: "input", type: "text", size: "10", autocomplete: "off"}
    disabledDates : Array        //禁止选择的日期:例 ["^03","04/../2006","09/16/2003"],不让选3月,2006年4月,2003年9月16
    disabledDatesText : String    //不让选总得给个理由吧
    disabledDays : Array    //不让选星期几,例[0,6],不让选周六,周日
    disabledDaysText : String    //周日要休息,这就是理由
    format : String    //显示时的格式
    invalidText : String    //验证非法时的提示
    maxText : String
    maxValue : Date/String
    minText : String
    minValue : Date/String
    triggerClass : String
}

方法,除了构造,多了两个顾名思义的方法
DateField( Object config )
getValue() : Date
setValue( String/Date date ) : void

 

Ext.form.ComboBox
config{
    allQuery : String        //''
    autoCreate : Boolean/Object    //{tag: "input", type: "text", size: "24", autocomplete: "off"}
    displayField : String    //显示字段
    editable : Boolean        //true当然就是combobox了,如果不可编辑就是一个select了
    forceSelection : Boolean
    handleHeight : Number    //如果resiable为真时,设置
    hiddenName : String
    lazyInit : Boolean    //除非得到焦点才开始初始化列表,默认为真
    lazyRender : Boolean    //除非请求,才开始输出,默认为假
    listAlign : String    //对齐方式,参见Ext.Element.alignTo,默认为'tl-bl'
    listClass : String
    listWidth : Number
    loadingText : String    //仅当mode = 'remote'时调用数据时显示的文本
    maxHeight : Number        //300
    minChars : Number        //最少输入多少个字开始响应,远程时默认为4,本地为0,如果不可编辑则此值无效
    minListWidth : Number
    mode : String    //可选值local/remote之一,从本地还是远程取数据
    pageSize : Number    //在远程模式下,如果此值大于0会在底部显示一个翻页工具条
    queryDelay : Number    //查询延时,远程默认为500,本地10
    queryParam : String    //查询参数,默认为query
    resizable : Boolean
    selectOnFocus : Boolean
    selectedClass : String
    shadow : Boolean/String    //True或"sides"为默认风格, "frame" for 4-way shadow, and "drop" for bottom-right
    store : Ext.data.Store
    title : String
    transform : Mixed    //对应一个select元素,可以将select转为combobox对象
    triggerAction : String    //点击按钮时的动作.默认为query
    triggerClass : String
    typeAhead : Boolean        //false
    typeAheadDelay : Number    //250
    valueField : String
    valueNotFoundText : String    //值不存在时的提示信息
}

属性
view : Ext.DataView

方法
ComboBox( Object config )
构造

clearValue() : void
清除所有文本/值对

collapse() : void
expand() : void
收起/展开下拉列表

doQuery( String query, Boolean forceAll ) : void
执行查询

getValue() : String
选择当前字段的值

isExpanded() : void
下拉列表是展开的?

select( Number index, Boolean scrollIntoView ) : void
选中第index列表项

selectByValue( String value, Boolean scrollIntoView ) : Boolean
选中值为value的列表项

setEditable( Boolean value ) : void
设editable属性为value

setValue( String value ) : void
设置当前值为

事件
beforequery : ( Object queryEvent )
beforeselect : ( Ext.form.ComboBox combo, Ext.data.Record record, Number index )
collapse : ( Ext.form.ComboBox combo )
expand : ( Ext.form.ComboBox combo )
select : ( Ext.form.ComboBox combo, Ext.data.Record record, Number index )


Ext.form.TimeField
继承自combobox,用于选择时间
config{
    altFormats : String    //
    format : String
    increment : Number    //时间增长间隔,默认15
    invalidText : String
    maxText : String
    maxValue : Date/String
    minText : String
    minValue : Date/String
}

总的来说Ext.form对input type='text' select 这样的输入标签都有对应的类,并对有些标签做了简单的扩展,当然很重要的一点,漂亮多了,vtype属性也方便了处理,建议有兴趣的同胞对 Ext.form.VTypes和Ext.form.HtmlEditor做一些扩展
form中还有两个类,比如下例中的FormPanel和FieldSet,
都继承自panel,所以会放在panel中解释

分享到:
评论

相关推荐

    Ext常用属性总结

    本文将深入探讨"Ext常用属性总结"这一主题,帮助开发者更好地理解和利用ExtJS的特性。 首先,让我们了解几个基本的ExtJS概念。`Ext.Component`是所有UI组件的基础类,它拥有众多属性来控制组件的行为、外观和交互。...

    Ext常用属性总结.doc

    ### Ext常用属性总结 在开发基于Ext JS框架的应用程序时,了解并熟练掌握其核心组件的属性是非常重要的。本文将详细介绍Ext JS中常用的属性及其应用场景,帮助开发者更好地编写高效、可维护的代码。 #### 一、Ext ...

    Ext常用布局

    本篇文章将深入探讨Ext中常用的两种布局:Fit布局和Border布局,为初学者提供详细的指导。 首先,我们来看Fit布局。Fit布局主要用于那些需要完全填充容器空间的场景。它只有一个子组件可以展示,并且该子组件会自动...

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

    - **功能描述**:Component 是所有 Ext 组件的基础类,它定义了所有 Ext 组件都共有的基本属性和方法。 - **主要用途**:作为所有其他组件的基类。 **1.5 Container (Ext.Container)** - **xtype**: `container` -...

    ext控件demo+中文API+ext教程.pdf

    EXT控件是EXT框架中的核心元素,它们提供了丰富的用户界面组件,如按钮、表格、面板、窗口、菜单等,使得开发者可以构建出交互性强、功能完备的网页应用。 在EXT开发中,"ext控件demo"是非常重要的学习资源。它通常...

    Ext常用功能开发总结

    创建表格主要通过`Ext.grid.Panel`类来完成,需要配置`columns`属性来定义表格的列,`store`属性来绑定数据源。 #### 表格数据的构造 数据通常存储在`Ext.data.Store`对象中,可以使用`fields`配置数据结构,`data`...

    ext常用操作

    #### 二、Ext JS 常用属性与方法 在开发过程中,经常需要使用到一些特定的属性和方法来实现特定的功能。下面是一些常用的属性和方法: 1. **maximizable** 和 **minimizable** - `maximizable`: 控制窗口是否可以...

    Extjs 常用属性

    `emptyText`属性通常用于设置文本框或列表控件在没有数据时显示的文本。例如,`emptyText:'ѡϲɫ'`表示当控件为空时,将显示“ѡϲɫ”作为提示信息。 #### `Ext.Element` `Ext.Element`是Extjs中用于操作DOM元素...

    Ext表单组件之textField

    本篇我们主要关注"Ext表单组件之textField",它是最基础也是最常用的输入控件,用于接收用户的文本输入。 一、Ext.form.TextField简介 Ext.form.TextField是Ext JS中的一个核心组件,它允许用户在表单中输入单行...

    ext常用注释

    根据提供的文件信息,我们可以梳理出一系列与Ext框架相关的知识点,主要涵盖了Ext框架的基本用法、配置设置、Ajax请求处理以及自定义组件等几个方面。下面将详细解释这些知识点。 ### 1. Ext框架中的基本配置 ####...

    Ext扩展控件-----可以在代码中动态为表格增加一列或者删除一列

    在EXT JS这个强大的JavaScript框架中,开发者经常需要处理各种数据展示和操作,而表格(Grid)是其中常用的一种组件。EXT Grid控件提供了一个灵活且功能丰富的界面来展示和操作数据,而“Ext扩展控件”则进一步增强...

    ext 图标大全 icon 1000个常用图标

    例如,使用EXT的按钮组件(Ext.button.Button),可以通过配置`glyph`属性来设置图标,或者使用`ui`属性配合预定义的图标样式。对于不支持矢量图标的环境,可以将这些图标转换为PNG或SVG格式,以适应不同分辨率的...

    EXT dojochina Ext类静态方法.rar

    EXT是一个强大的前端开发框架,由Sencha公司开发,它提供了丰富的组件库,用于构建复杂的Web应用程序。在EXT中,类是创建可重用组件的基础,而静态方法则属于类本身,不依赖于类的实例,可以直接通过类名调用。 1. ...

    Ext用户扩展控件---------日期时间选择器,可以精确到某天的某分钟

    在EXT中,DateField是一个常用的组件,用于输入日期。然而,标准的EXT DateField控件仅支持用户选择到日期级别,无法满足精确到分钟的需求。针对这种情况,EXT社区提供了丰富的用户扩展(Ux,User Extensions)来...

    ext_教程 (ext 相 关)

    EXT的组件化设计使得开发者可以像搭建积木一样组合UI,每个组件都有自己的属性、方法和事件。同时,EXT的Data Package提供了强大的数据管理功能,与服务器进行双向数据同步,实现数据驱动的界面更新。 精通EXT不仅...

    Ext下拉列表

    在ExtJS中,下拉列表(ComboBox)是一种常用的UI组件,常用于实现选择项的输入控件,它结合了文本输入框和下拉菜单的功能。在本场景中,我们将探讨如何使用ExtJS创建一个动态从数据库读取数据的下拉列表。 1. **...

    EXT教程EXT用大量的实例演示Ext实例

    Ext JS拥有丰富的控件库和UI组件,开发者可以通过它快速构建出美观且功能强大的Web应用界面。 #### 2. 实例演示与发布包 教程中提到了从Ext JS发布包开始使用,发布包是Ext JS框架提供的一套完整的资源集合,便于...

    读Ext之十三(Ext元素)

    Ext.js是一个用于构建富客户端Web应用的JavaScript库,它提供了丰富的UI组件、数据管理和布局管理功能。该框架以其强大的组件模型、优雅的API和高效的性能而闻名。 标题“读Ext之十三(Ext元素)”暗示我们将关注...

Global site tag (gtag.js) - Google Analytics