`

(转)Ext.form.ComboBox最常用的一些属性和方法

EXT 
阅读更多
Js代码 复制代码
  1.     id:'cbid',    
  2.     name:'year',//name只是改下拉的名称    
  3.     hiddenName:'hyear',//提交到后台的input的name    
  4.     width : 80,    
  5.     store : Wayfoon.Year,//填充数据    
  6.     emptyText : '请选择',    
  7.     mode : 'local',//数据模式,local代表本地数据    
  8.     readOnly : true,//是否只读    
  9.     value : (new Date()).YEAR,//默认值,要设置为提交给后台的值,不要设置为显示文本    
  10.     triggerAction : 'all',// 显示所有下列数据,一定要设置属性triggerAction为all    
  11.     allowBlank : false,//不允许为空    
  12.     valueField : 'value',//值    
  13.     displayField : 'text',//显示文本    
  14.     editable: false,//是否允许输入    
  15.     forceSelection: true,//必须选择一个选项    
  16.     blankText:'请选择'//该项如果没有选择,则提示错误信息   
    id:'cbid', 
    name:'year',//name只是改下拉的名称 
    hiddenName:'hyear',//提交到后台的input的name 
    width : 80, 
    store : Wayfoon.Year,//填充数据 
    emptyText : '请选择', 
    mode : 'local',//数据模式,local代表本地数据 
    readOnly : true,//是否只读 
    value : (new Date()).YEAR,//默认值,要设置为提交给后台的值,不要设置为显示文本 
    triggerAction : 'all',// 显示所有下列数据,一定要设置属性triggerAction为all 
    allowBlank : false,//不允许为空 
    valueField : 'value',//值 
    displayField : 'text',//显示文本 
    editable: false,//是否允许输入 
    forceSelection: true,//必须选择一个选项 
    blankText:'请选择'//该项如果没有选择,则提示错误信息 

---------------------------------------------------------------------------------------------------------

Js代码 复制代码
  1. 属性   
  2. view : Ext.DataView   
  3.   
  4. 方法   
  5. ComboBox( Object config )   
  6. 构造   
  7.   
  8. clearValue() : void  
  9. 清除所有文本/值对   
  10.   
  11. collapse() : void  
  12. expand() : void  
  13. 收起/展开下拉列表   
  14.   
  15. doQuery( String query, Boolean forceAll ) : void  
  16. 执行查询   
  17.   
  18. getValue() : String   
  19. 选择当前字段的值   
  20.   
  21. isExpanded() : void  
  22. 下拉列表是展开的?   
  23.   
  24. select( Number index, Boolean scrollIntoView ) : void  
  25. 选中第index列表项   
  26.   
  27. selectByValue( String value, Boolean scrollIntoView ) : Boolean   
  28. 选中值为value的列表项   
  29.   
  30. setEditable( Boolean value ) : void  
  31. 设editable属性为value   
  32.   
  33. setValue( String value ) : void  
  34. 设置当前值为   
  35.   
  36. 配置{   
  37. allQuery : String //''   
  38. autoCreate : Boolean/Object //{tag: "input", type: "text", size: "24", autocomplete: "off"}   
  39. displayField : String //显示字段   
  40. editable : Boolean //true当然就是combobox了,如果不可编辑就是一个select了   
  41. forceSelection : Boolean   
  42. handleHeight : Number //如果resiable为真时,设置   
  43. hiddenName : String   
  44. lazyInit : Boolean //除非得到焦点才开始初始化列表,默认为真   
  45. lazyRender : Boolean //除非请求,才开始输出,默认为假   
  46. listAlign : String //对齐方式,参见Ext.Element.alignTo,默认为'tl-bl'   
  47. listClass : String   
  48. listWidth : Number   
  49. loadingText : String //仅当mode = 'remote'时调用数据时显示的文本   
  50. maxHeight : Number //300   
  51. minChars : Number //最少输入多少个字开始响应,远程时默认为4,本地为0,如果不可编辑则此值无效   
  52. minListWidth : Number   
  53. mode : String //可选值local/remote之一,从本地还是远程取数据   
  54. pageSize : Number //在远程模式下,如果此值大于0会在底部显示一个翻页工具条   
  55. queryDelay : Number //查询延时,远程默认为500,本地10   
  56. queryParam : String //查询参数,默认为query   
  57. resizable : Boolean   
  58. selectOnFocus : Boolean   
  59. selectedClass : String   
  60. shadow : Boolean/String //True或"sides"为默认风格, "frame" for 4-way shadow, and "drop" for bottom-right   
  61. store : Ext.data.Store   
  62. title : String   
  63. transform : Mixed //对应一个select元素,可以将select转为combobox对象   
  64. triggerAction : String //点击按钮时的动作.默认为query   
  65. triggerClass : String   
  66. typeAhead : Boolean //false   
  67. typeAheadDelay : Number //250   
  68. valueField : String   
  69. valueNotFoundText : String //值不存在时的提示信息   
  70. }   
  71.   
  72. 事件   
  73. beforequery : ( Object queryEvent )   
  74. beforeselect : ( Ext.form.ComboBox combo, Ext.data.Record record, Number index )   
  75. collapse : ( Ext.form.ComboBox combo )   
  76. expand : ( Ext.form.ComboBox combo )   
  77. select : ( Ext.form.ComboBox combo, Ext.data.Record record, Number index )  
分享到:
评论

相关推荐

    Ext.form表单中各种属性应用详解

    ### Ext.form表单中各种属性应用详解 #### 1. Ext.form.NumberField **Ext.form.NumberField** 是 **Ext.form.TextField** 的一个扩展,它专为处理数字输入而设计,提供了一系列与数值相关的配置选项。 - **...

    Ext.form.field.ComboBox结合Java、JSON实现AutoComplete

    本示例探讨如何利用Ext JS中的`Ext.form.field.ComboBox`组件,结合Java后端和JSON数据格式,来创建这样一个功能。 `Ext.form.field.ComboBox`是Ext JS框架中一个强大的组件,它提供了下拉列表的功能,可以用于创建...

    EXT.form组件

    5. `field`:`Ext.form.Field`是所有表单字段的基础类,提供了一般性的属性和方法,如验证和状态管理。 6. `fieldset`:`Ext.form.FieldSet`是用于组织和分组表单字段的容器,通常包含一个标题和可选的边框。 7. `...

    extjs-Ext.ux.form.LovCombo下拉框

    在EXTJS框架中,`Ext.ux.form.LovCombo`是一种自定义组件,它扩展了基本的`Ext.form.field.ComboBox`,提供了更丰富的功能,尤其是针对多选和联动选择的需求。这个组件通常用于创建具有“lov”(即“Look Up Value”...

    EXT dojochina文本框示例Ext.form.TextField.rar

    1. **基本用法**:最简单的使用方式是在表单(`Ext.form.Panel`)中创建一个`Ext.form.TextField`,用于用户输入文本。例如: ```javascript var form = new Ext.form.Panel({ items: [{ xtype: 'textfield', ...

    Ext组合框comboBox带分页

    用EXT来实现下拉框ComboBox 下拉框可以实现分页

    Ext4.0 动态修改ComboBox选择项(本地模式)

    在IT行业中,尤其是在Web开发领域,经常需要与用户界面交互,ComboBox(下拉框)是一种常用的组件,用于提供用户选择的选项。本知识点主要聚焦于如何在Ext4.0框架下动态修改ComboBox的选择项,特别是在本地模式下...

    Ext.Store的获取方法

    在Ext.js中,`Ext.Store`是用来管理数据的类,它通常与各种UI组件(如Grid、ComboBox等)关联,用于存储和检索数据。然而,获取`Ext.Store`的方式并不像获取其他Ext组件那样直接,因为Store并不是一个具有可视界面的...

    ext多选下拉列表的全选功能实现

    "ext多选下拉列表的全选功能实现"这个主题聚焦于一个特定的UI组件——ExtJS库中的MultiComboBox,这是一种允许用户多选的下拉列表控件。在实际应用中,全选功能常常被用来快速选择所有选项,极大地提高了用户的操作...

    EXT2_combobox_form.rar_combobox ext_ext

    EXT2_combobox_form.rar_combobox ext_ext 这个标题暗示我们关注的是一个与EXT2相关的项目,其中包含了关于form表单和combobox的示例。EXT是一个流行的JavaScript库,主要用于构建富客户端应用,特别是Web应用的用户...

    用Ext 2.0 combobox 做的省份和城市联动选择框的例程

    在本文中,我们将深入探讨如何使用Ext 2.0的ComboBox组件实现省份和城市联动选择框的功能。Ext是一个强大的JavaScript库,它提供了丰富的用户界面组件,包括ComboBox,用于创建下拉选择框。在这个例程中,我们将看到...

    解决ext下拉列表全选和去全选功能

    要实现全选和去全选,我们需要自定义一些方法并绑定到相应的事件上。 首先,我们需要创建一个带有多选功能的下拉列表。这可以通过以下配置实现: ```javascript var comboBox = Ext.create('Ext.form.field....

    Ext combobox 下拉多选框带搜索功能

    ComboBox在Ext JS中是一个常用的组件,通常用于展示一组可选项,用户可以通过输入文字或者点击下拉列表来选择。而“下拉多选框”意味着这个ComboBox支持多选模式,用户可以选择多个值而不是仅限于一个。结合“带搜索...

    EXT核心API详解

    53、Ext.form.DateField类 ………… 45 54、Ext.form.ComboBox类 ……………… 46 55、Ext.form.TimeField类 ………… 47 56、Ext.menu.Menu类 ………………… 50 57、Ext.menu.BaseItem类 …………… 50 58、Ext....

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

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

    extjs editgrid combobox 回显

    editor: new Ext.form.ComboBox({ id: "combo_process", store: store_process, valueField: "process_id", displayField: "process_name", forceSelection: true, typeAhead: true, triggerAction: 'all', ...

    可编辑表格Ext.grid.EditorGridPanel

    以上就是关于Ext.grid.EditorGridPanel的基本介绍和使用方法。在实际开发中,你可以根据项目需求调整配置,实现更多功能,如排序、过滤、分页等。通过深入理解和实践,你将能够熟练掌握这个强大的表格编辑组件。

    Extjs4.X下comboboxTree下拉树型菜单,完美支持多选、单选,绝对好用

    Ext.create('Ext.form.field.ComboBox', { fieldLabel: '选择部门', store: Ext.create('Ext.data.TreeStore', { model: 'Department', root: { text: '所有部门', expanded: true, children: [ /* ... *...

    Extjs3.4.0版本 多选下拉框效果支持多选/全选/全不选

    1. **创建一个新的类**:定义一个继承自Ext.form.ComboBox的新类,添加必要的配置和方法来支持多选。 2. **配置store**:设置一个数据存储(Store)来保存可选项,确保每个记录都有一个表示选中状态的字段,如`...

    Ext Js权威指南(.zip.001

    9.2.2 ext.container.abstractcontainer和ext.container.container的配置项、属性、方法和事件 / 434 9.2.3 将body元素作为容器:ext.container.viewport / 435 9.3 面板 / 436 9.3.1 面板的结构 / 436 9.3.2 ...

Global site tag (gtag.js) - Google Analytics