Class Ext.form.ComboBox

Package:	Ext.form
Class:	ComboBox
Extends:	TriggerField
Defined In:	Combo.js

A combobox control with support for autocomplete, remote-loading, paging and many other features.

属性 - 方法 - 事件 - 设置选项

公共属性

属性		定义对象
	disabled : Object	Component
	true if this component is disabled. Read-only.	Component
	disabledClass : Object	Component
	CSS class added to the component when it is disabled.	Component
	hidden : Object	Component
	true if this component is hidden. Read-only.	Component
	rendered : Object	Component
	true if this component has been rendered. Read-only.	Component

公共方法

方法		定义对象
	ComboBox(`Object config`)	ComboBox
	Create a new ComboBox.	ComboBox
	addEvents(`Object object`) : void	Observable
	将对象中没有的事件从给出的对象中复制过来。	Observable
	addListener(`String eventName`, `Function handler`, [`Object scope`], [`Object options`]) : void	Observable
	为该组件加入事件处理器函数	Observable
	applyTo(`String/HTMLElement/Element el`) : Ext.form.Field	Field
	Apply the behaviors of this component to an existing element. This is used instead of render().	Field
	autoSize() : void	TextField
	Automatically grows the field to accomodate the width of the text up to the maximum field width allowed. This only ta...	TextField
	clearInvalid() : void	Field
	Clear any invalid styles/messages for this field	Field
	clearValue() : void	ComboBox
	Clears any text/value currently set in the field	ComboBox
	collapse() : void	ComboBox
	Hides the dropdown list if it is currently expanded. Fires the 'collapse' event on completion.	ComboBox
	disable() : void	Component
	Disable this component	Component
	doQuery(`String query`, `Boolean forceAll`) : void	ComboBox
	Execute a query to filter the dropdown list. Fires the beforequery event prior to performing the query allowing the ...	ComboBox
	enable() : void	Component
	Enable this component	Component
	expand() : void	ComboBox
	Expands the dropdown list if it is currently hidden. Fires the 'expand' event on completion.	ComboBox
	fireEvent(`String eventName`, `Object... args`) : Boolean	Observable
	触发指定的事件, 并将参数传入（至少要有事件名称）。	Observable
	focus(`Boolean selectText`) : void	Component
	Try to focus this component	Component
	getEl() : Ext.Element	Component
	Returns the underlying Ext.Element	Component
	getId() : String	Component
	Returns the id of this component	Component
	getName() : String	Field
	Returns the name attribute of the field if available	Field
	getRawValue() : Mixed	Field
	Returns the raw data value which may or may not be a valid, defined value. To return a normalized value see getValue.	Field
	getValue() : String	ComboBox
	Returns the currently-selected field value or empty string if no value is set.	ComboBox
	hasListener(`String eventName`) : Boolean	Observable
	检查该对象是否拥有指定事件的侦听器	Observable
	hide() : void	Component
	Hide this component	Component
	isExpanded() : void	ComboBox
	Returns true if the dropdown list is expanded, else false.	ComboBox
	isValid(`Boolean preventMark`) : Boolean	Field
	Returns whether or not the field value is currently valid	Field
	isVisible() : void	Component
	Returns true if this component is visible	Component
	markInvalid(`String msg`) : void	Field
	Mark this field as invalid	Field
	on(`String eventName`, `Function handler`, [`Object options`]) : void	Observable
	为该组件加入事件处理器函数, addListener 的简写方式	Observable
	onTriggerClick(`EventObject e`) : void	TriggerField
	The function that should handle the trigger's click event. This method does nothing by default until overridden by a...	TriggerField
	purgeListeners() : void	Observable
	从对象身上移除所有的侦听器	Observable
	removeListener(`String eventName`, `Function handler`, [`Object scope`]) : void	Observable
	移除侦听器	Observable
	render([`String/HTMLElement/Element container`]) : void	Component
	If this is a lazy rendering component, render it to its container element	Component
	reset() : void	Field
	Resets the current field value to the originally-loaded value and clears any validation messages	Field
	select(`Number index`, `Boolean scrollIntoView`) : void	ComboBox
	Select an item in the dropdown list by its numeric index in the list	ComboBox
	selectByValue(`String value`, `Boolean scrollIntoView`) : Boolean	ComboBox
	Select an item in the dropdown list by its data value	ComboBox
	selectNext() : void	ComboBox
	Select the next item in the dropdown list (selects the first item by default if no items are currently selected)	ComboBox
	selectPrev() : void	ComboBox
	Select the previous item in the dropdown list (selects the first item by default if no items are currently selected)	ComboBox
	selectText([`Number start`], [`Number end`]) : void	TextField
	Selects text in this field	TextField
	setDisabled(`Boolean disabled`) : void	Component
	Convenience function for setting disabled/enabled by boolean	Component
	setEditable() : void	ComboBox
	Allow or prevent the user from directly editing the field text. If false is passed in, the user will only be able to...	ComboBox
	setRawValue(`Mixed value`) : void	Field
	Sets the underlying DOM field's value directly, bypassing validation. To set the value with validation see setValue.	Field
	setSize(`Number width`, `Number height`) : void	Field
	Sets the height and width of the field	Field
	setValue(`String value`) : void	ComboBox
	Sets the specified value into the field. If the value finds a match, the corresponding record text will be displayed...	ComboBox
	setVisible(`Boolean visible`) : void	Component
	Convenience function to hide or show this component by boolean	Component
	show() : void	Component
	Show this component	Component
	un(`String eventName`, `Function handler`, [`Object scope`]) : void	Observable
	移除侦听器, removeListener 的简写方式	Observable
	validate() : Boolean	Field
	Validates the field value	Field
	validateValue(`Mixed value`) : Boolean	TextField
	Validates a value according to the field's validation rules and marks the field as invalid if the validation fails	TextField

公共事件

事件		定义对象
	autosize : (`Ext.form.Field this`, `Number width`)	TextField
	Fires when the autosize function is triggered. The field may or may not have actually changed size according to the ...	TextField
	beforedestroy : (`Ext.Component this`)	Component
	Fires before the component is destroyed	Component
	beforehide : (`Ext.Component this`)	Component
	Fires before the component is hidden	Component
	beforequery : (`Object e`)	ComboBox
	Fires before all queries are processed. Return false to cancel the query or set cancel to true. The event object pass...	ComboBox
	beforerender : (`Ext.Component this`)	Component
	Fires before the component is rendered	Component
	beforeselect : (`Ext.form.ComboBox combo`, `Ext.data.Record record`, `Number index`)	ComboBox
	Fires before a list item is selected. Return false to cancel the selection.	ComboBox
	beforeshow : (`Ext.Component this`)	Component
	Fires before the component is shown	Component
	blur : (`Ext.form.Field this`)	Field
	Fires when	Field
	change : (`Ext.form.Field this`, `Mixed value`, `Mixed value`)	Field
	Fires just before the field blurs if the field value has changed	Field
	collapse : (`Ext.form.ComboBox combo`)	ComboBox
	Fires when the dropdown list is collapsed	ComboBox
	destroy : (`Ext.Component this`)	Component
	Fires after the component is destroyed	Component
	disable : (`Ext.Component this`)	Component
	Fires after the component is disabled	Component
	enable : (`Ext.Component this`)	Component
	Fires after the component is enabled	Component
	expand : (`Ext.form.ComboBox combo`)	ComboBox
	Fires when the dropdown list is expanded	ComboBox
	focus : (`Ext.form.Field this`)	Field
	Fires when this field receives input focus	Field
	hide : (`Ext.Component this`)	Component
	Fires after the component is hidden	Component
	invalid : (`Ext.form.Field this`, `String msg`)	Field
	Fires after the field has been marked as invalid	Field
	render : (`Ext.Component this`)	Component
	Fires after the component is rendered	Component
	select : (`Ext.form.ComboBox combo`, `Ext.data.Record record`, `Number index`)	ComboBox
	Fires when a list item is selected	ComboBox
	show : (`Ext.Component this`)	Component
	Fires after the component is shown	Component
	specialkey : (`Ext.form.Field this`, `Ext.EventObject e`)	Field
	Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed. You can check Ext.EventObject.g...	Field
	valid : (`Ext.form.Field this`)	Field
	Fires after the field has been validated with no errors	Field

设置选项

设置选项		定义对象
	allQuery : String	ComboBox
	The text query to send to the server to return all records for the list with no filtering (defaults to '')	ComboBox
	allowBlank : Boolean	TextField
	False to validate that the value length > 0 (defaults to true)	TextField
	autoCreate : Boolean/Object	ComboBox
	A DomHelper element spec, or true for a default element spec (defaults to: {tag: "input", type: "text", size: "24", a...	ComboBox
	blankText : String	TextField
	Error text to display if the allow blank validation fails (defaults to "This field is required")	TextField
	disableKeyFilter : Boolean	TextField
	True to disable input keystroke filtering (defaults to false)	TextField
	displayField : String	ComboBox
	The underlying data field name to bind to this CombBox (defaults to undefined if mode = 'remote' or 'text' if mode = ...	ComboBox
	editable : Boolean	ComboBox
	False to prevent the user from typing text directly into the field, just like a traditional select (defaults to true)	ComboBox
	emptyClass : String	TextField
	The CSS class to apply to an empty field to style the emptyText (defaults to 'x-form-empty-field'). This class is aut...	TextField
	emptyText : String	TextField
	The default text to display in an empty field (defaults to null).	TextField
	fieldClass : String	Field
	The default CSS class for the field (defaults to "x-form-field")	Field
	focusClass : String	Field
	The CSS class to use when the field receives focus (defaults to "x-form-focus")	Field
	forceSelection : Boolean	ComboBox
	True to restrict the selected value to one of the values in the list, false to allow the user to set arbitrary text i...	ComboBox
	grow : Boolean	TextField
	True if this field should automatically grow and shrink to its content	TextField
	growMax : Number	TextField
	The maximum width to allow when grow = true (defaults to 800)	TextField
	growMin : Number	TextField
	The minimum width to allow when grow = true (defaults to 30)	TextField
	handleHeight : Number	ComboBox
	The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)	ComboBox
	hiddenName : String	ComboBox
	If specified, a hidden form field with this name is dynamically generated to store the field's data value (defaults t...	ComboBox
	hideTrigger : Boolean	TriggerField
	True to hide the trigger element and display only the base text field (defaults to false)	TriggerField
	inputType : String	Field
	The type attribute for input fields - e.g. radio, text, password. (defaults to "text")	Field
	invalidClass : String	Field
	The CSS class to use when marking a field invalid (defaults to "x-form-invalid")	Field
	invalidText : String	Field
	The error text to use when marking a field invalid and no message is provided (defaults to "The value in this field i...	Field
	lazyRender : Boolean	ComboBox
	True to prevent the ComboBox from rendering until requested (should always be used when rendering into an Ext.Editor,...	ComboBox
	listAlign : String	ComboBox
	A valid anchor position value. See Ext.Element.alignTo for details on supported anchor positions (defaults to 'tl-bl')	ComboBox
	listClass : String	ComboBox
	CSS class to apply to the dropdown list element (defaults to '')	ComboBox
	listWidth : Number	ComboBox
	The width in pixels of the dropdown list (defaults to the width of the ComboBox field)	ComboBox
	loadingText : String	ComboBox
	The text to display in the dropdown list while data is loading. Only applies when mode = 'remote' (defaults to 'Loadi...	ComboBox
	maskRe : String	TextField
	An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)	TextField
	maxHeight : Number	ComboBox
	The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)	ComboBox
	maxLength : Number	TextField
	Maximum input field length allowed (defaults to Number.MAX_VALUE)	TextField
	maxLengthText : String	TextField
	Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxL...	TextField
	minChars : Number	ComboBox
	The minimum number of characters the user must type before autocomplete and typeahead activate (defaults to 4, does n...	ComboBox
	minLength : Number	TextField
	Minimum input field length required (defaults to 0)	TextField
	minLengthText : String	TextField
	Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minL...	TextField
	minListWidth : Number	ComboBox
	The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if listWidth has a higher value)	ComboBox
	mode : String	ComboBox
	Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)	ComboBox
	msgFx : String	Field
	Experimental The effect used when displaying a validation message under the field (defaults to 'normal').	Field
	msgTarget : String	Field
	The location where error text should display. Should be one of the following values (defaults to 'qtip'): Value Desc...	Field
	pageSize : Number	ComboBox
	If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the filter queries will execu...	ComboBox
	queryDelay : Number	ComboBox
	The length of time in milliseconds to delay between the start of typing and sending the query to filter the dropdown ...	ComboBox
	queryParam : String	ComboBox
	Name of the query as it will be passed on the querystring (defaults to 'query')	ComboBox
	regex : RegExp	TextField
	A JavaScript RegExp object to be tested against the field value during validation (defaults to null). If available, t...	TextField
	regexText : String	TextField
	The error text to display if regex is used and the test fails during validation (defaults to "")	TextField
	resizable : Boolean	ComboBox
	True to add a resize handle to the bottom of the dropdown list (defaults to false)	ComboBox
	selectOnFocus : Boolean	ComboBox
	True to select any existing text in the field immediately on focus. Only applies when editable = true (defaults to fa...	ComboBox
	selectedClass : String	ComboBox
	CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')	ComboBox
	shadow : Boolean/String	ComboBox
	True or "sides" for the default effect, "frame" for 4-way shadow, and "drop" for bottom-right	ComboBox
	transform : String/HTMLElement/Element	ComboBox
	The id, DOM node or element of an existing select to convert to a ComboBox	ComboBox
	triggerAction : String	ComboBox
	The action to execute when the trigger field is activated. Use 'all' to run the query specified by the allQuery confi...	ComboBox
	triggerClass : String	ComboBox
	An additional CSS class used to style the trigger button. The trigger will always get the class 'x-form-trigger' and ...	ComboBox
	typeAhead : Boolean	ComboBox
	True to populate and autoselect the remainder of the text being typed after a configurable delay (typeAheadDelay) if ...	ComboBox
	typeAheadDelay : Number	ComboBox
	The length of time in milliseconds to wait until the typeahead text is displayed if typeAhead = true (defaults to 250)	ComboBox
	validateOnBlur : String/Boolean	Field
	Defaults to true.	Field
	validationDelay : Number	Field
	The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)	Field
	validationEvent : String/Boolean	Field
	The event that should initiate field validation. Set to false to disable automatic validation. (defaults to "keyup")	Field
	validator : Function	TextField
	A custom validation function to be called during field validation (defaults to null). If available, this function wil...	TextField
	value : Mixed	Field
	A value to initialize this field with	Field
	valueField : String	ComboBox
	The underlying data value name to bind to this CombBox (defaults to undefined if mode = 'remote' or 'value' if mode =...	ComboBox
	valueNotFoundText : String	ComboBox
	When using a name/value combo, if the value passed to setValue is not found in the store, valueNotFoundText will be d...	ComboBox
	vtype : String	TextField
	A validation type name as defined in Ext.form.VTypes (defaults to null)	TextField

属性详情

disabled

public Object disabled

true if this component is disabled. Read-only.

This property is defined by Component.

disabledClass

public Object disabledClass

CSS class added to the component when it is disabled.

This property is defined by Component.

hidden

public Object hidden

true if this component is hidden. Read-only.

This property is defined by Component.

rendered

public Object rendered

true if this component has been rendered. Read-only.

This property is defined by Component.

构造函数

ComboBox

public function ComboBox(Object config)

Create a new ComboBox.

参数：

config : Object
Configuration options

方法详情

addEvents

public function addEvents(Object object)

将对象中没有的事件从给出的对象中复制过来。给出的对象必须也继承于 Observable 对象此方法才会有效果。

参数：

object : Object
要复制事件的源对象

返回：

void

This method is defined by Observable.

addListener

public function addListener(String eventName, Function handler, [Object scope], [Object options])

为组件添加一个事件监听器

参数：

eventName : String
侦听事件的类型
handler : Function
事件调用的方法
scope : Object
（可选）处理函数执行的作用域。处理函数 "this" 的内容。
options : Object
（可选）一个包含处理设置属性的对象。可以包含下列的属性：
- scope {Object} 处理函数执行的作用域。处理函数 "this" 的内容。
- delegate {String} 一个简单的选择器用来过滤目标或查找目标的子节点。
- stopEvent {Boolean} 值为 True 时用来中止事件。那样将中止传播，并防止缺省动作。
- preventDefault {Boolean} 值为 True 时用来防止缺省动作。
- stopPropagation {Boolean} 值为 True 时用来中止事件传播。
- normalized {Boolean} 值为 False 时向处理函数传递浏览器事件用以代替 Ext.EventObject 对象。
- delay {Number} 当事件触发后启用处理函数的延迟微秒数。
- single {Boolean} 值为 True 时将添加一个处理函数用来处理下个触发的事件，并在处理完后移除。
- buffer {Number} 使处理函数计划在由 Ext.util.DelayedTask 指定的微秒数后执行。如果事件在延迟期间再次触发，原来的处理函数将不再启动，而是由新的计划代替。
组合选项
使用选项参数可以组合不同类型的监听器：

下面是一个标准的、延迟执行的、一次性的监听器，将会自动停止事件并传递一个自定义的参数(forumId)
代码：
```
el.on('click', this.onClick, this, { single: true, delay: 100, stopEvent : true, forumId: 4 });
```
这个方法也允许传递的单个参数是一个包含多个指定处理函数的设置对象。

一次调用多个处理函数
代码：
```
el.on({ 'click' : { fn: this.onClick scope: this, delay: 100 }, 'mouseover' : { fn: this.onMouseOver scope: this }, 'mouseout' : { fn: this.onMouseOut scope: this } });
```
或者简写为：
代码：
```
el.on({ 'click' : this.onClick, 'mouseover' : this.onMouseOver, 'mouseout' : this.onMouseOut scope: this });
```

返回：

void

This method is defined by Observable.

applyTo

public function applyTo(String/HTMLElement/Element el)

Apply the behaviors of this component to an existing element. This is used instead of render().

参数：

el : String/HTMLElement/Element
The id of the node, a DOM Node or an existing Element

返回：

Ext.form.Field
this

This method is defined by Field.

autoSize

public function autoSize()

Automatically grows the field to accomodate the width of the text up to the maximum field width allowed. This only takes effect if grow = true and fires the autosize event.

参数：

无。

返回：

void

This method is defined by TextField.

clearInvalid

public function clearInvalid()

Clear any invalid styles/messages for this field

参数：

无。

返回：

void

This method is defined by Field.

clearValue

public function clearValue()

Clears any text/value currently set in the field

参数：

无。

返回：

void

This method is defined by ComboBox.

collapse

public function collapse()

Hides the dropdown list if it is currently expanded. Fires the 'collapse' event on completion.

参数：

无。

返回：

void

This method is defined by ComboBox.

disable

public function disable()

Disable this component

参数：

无。

返回：

void

This method is defined by Component.

doQuery

public function doQuery(String query, Boolean forceAll)

Execute a query to filter the dropdown list. Fires the beforequery event prior to performing the query allowing the query action to be canceled if needed.

参数：

query : String
The sql query to execute
forceAll : Boolean
True to force the query to execute even if there are currently fewer characters in the field than the minimum specified by the minChars config option. It also clears any filter previously saved in the current store (defaults to false)

返回：

void

This method is defined by ComboBox.

enable

public function enable()

Enable this component

参数：

无。

返回：

void

This method is defined by Component.

expand

public function expand()

Expands the dropdown list if it is currently hidden. Fires the 'expand' event on completion.

参数：

无。

返回：

void

This method is defined by ComboBox.

fireEvent

public function fireEvent(String eventName, Object... args)

触发指定的事件并给出参数（至少要有事件名称）。

参数：

eventName : String
args : Object...
传入处理函数的参数

返回：

Boolean
如果任何处理函数返回 false 则返回值为 false, 否则返回 true。

This method is defined by Observable.

focus

public function focus(Boolean selectText)

Try to focus this component

参数：

selectText : Boolean
True to also select the text in this component (if applicable)

返回：

void

This method is defined by Component.

getEl

public function getEl()

Returns the underlying Ext.Element

参数：

无。

返回：

Ext.Element
The element

This method is defined by Component.

getId

public function getId()

Returns the id of this component

参数：

无。

返回：

String

This method is defined by Component.

getName

public function getName()

Returns the name attribute of the field if available

参数：

无。

返回：

String
name The field name

This method is defined by Field.

getRawValue

public function getRawValue()

Returns the raw data value which may or may not be a valid, defined value. To return a normalized value see getValue.

参数：

无。

返回：

Mixed
value The field value

This method is defined by Field.

getValue

public function getValue()

Returns the currently-selected field value or empty string if no value is set.

参数：

无。

返回：

String
value The selected value

This method is defined by ComboBox.

hasListener

public function hasListener(String eventName)

检查该对象是否拥有指定事件的侦听器

参数：

eventName : String
查询事件之名称

返回：

Boolean
值为 True 值表示事件监听器存在, 否则值为 false。

This method is defined by Observable.

hide

public function hide()

Hide this component

参数：

无。

返回：

void

This method is defined by Component.

isExpanded

public function isExpanded()

Returns true if the dropdown list is expanded, else false.

参数：

无。

返回：

void

This method is defined by ComboBox.

isValid

public function isValid(Boolean preventMark)

Returns whether or not the field value is currently valid

参数：

preventMark : Boolean
True to disable marking the field invalid

返回：

Boolean
True if the value is valid, else false

This method is defined by Field.

isVisible

public function isVisible()

Returns true if this component is visible

参数：

无。

返回：

void

This method is defined by Component.

markInvalid

public function markInvalid(String msg)

Mark this field as invalid

参数：

msg : String
The validation message

返回：

void

This method is defined by Field.

on

public function on(String eventName, Function handler, [Object options])

为该组件加入事件处理器函数, addListener 的简写方式

参数：

eventName : String
侦听事件的类型
handler : Function
事件调用的方法
options : Object
（可选）

返回：

void

This method is defined by Observable.

onTriggerClick

public function onTriggerClick(EventObject e)

The function that should handle the trigger's click event. This method does nothing by default until overridden by a handler implementation.

参数：

e : EventObject

返回：

void

This method is defined by TriggerField.

purgeListeners

public function purgeListeners()

从对象身上移除所有的侦听器

参数：

无。

返回：

void

This method is defined by Observable.

removeListener

public function removeListener(String eventName, Function handler, [Object scope])

移除侦听器

参数：

eventName : String
侦听事件的类型
handler : Function
删除的处理函数
scope : Object
（可选） The scope (this object) for the handler

返回：

void

This method is defined by Observable.

render

public function render([String/HTMLElement/Element container])

If this is a lazy rendering component, render it to its container element

参数：

container : String/HTMLElement/Element
（可选） The element this component should be rendered into. If it is being applied to existing markup, this should be left off.

返回：

void

This method is defined by Component.

reset

public function reset()

Resets the current field value to the originally-loaded value and clears any validation messages

参数：

无。

返回：

void

This method is defined by Field.

select

public function select(Number index, Boolean scrollIntoView)

Select an item in the dropdown list by its numeric index in the list

参数：

index : Number
The zero-based index of the list item to select
scrollIntoView : Boolean
False to prevent the dropdown list from autoscrolling to display the selected item if it is not currently in view (defaults to true)

返回：

void

This method is defined by ComboBox.

selectByValue

public function selectByValue(String value, Boolean scrollIntoView)

Select an item in the dropdown list by its data value

参数：

value : String
The data value of the item to select
scrollIntoView : Boolean
False to prevent the dropdown list from autoscrolling to display the selected item if it is not currently in view (defaults to true)

返回：

Boolean
valueFound True if the value matched an item in the list, else false

This method is defined by ComboBox.

selectNext

public function selectNext()

Select the next item in the dropdown list (selects the first item by default if no items are currently selected)

参数：

无。

返回：

void

This method is defined by ComboBox.

selectPrev

public function selectPrev()

Select the previous item in the dropdown list (selects the first item by default if no items are currently selected)

参数：

无。

返回：

void

This method is defined by ComboBox.

selectText

public function selectText([Number start], [Number end])

Selects text in this field

参数：

start : Number
（可选） The index where the selection should start (defaults to 0)
end : Number
（可选） The index where the selection should end (defaults to the text length)

返回：

void

This method is defined by TextField.

setDisabled

public function setDisabled(Boolean disabled)

Convenience function for setting disabled/enabled by boolean

参数：

disabled : Boolean

返回：

void

This method is defined by Component.

setEditable

public function setEditable()

Allow or prevent the user from directly editing the field text. If false is passed in, the user will only be able to select from the items defined in the dropdown list. This method is the runtime equivalent of setting the editable config option at config time.

参数：

无。

返回：

void

This method is defined by ComboBox.

setRawValue

public function setRawValue(Mixed value)

Sets the underlying DOM field's value directly, bypassing validation. To set the value with validation see setValue.

参数：

value : Mixed
The value to set

返回：

void

This method is defined by Field.

setSize

public function setSize(Number width, Number height)

Sets the height and width of the field

参数：

width : Number
The new field width in pixels
height : Number
The new field height in pixels

返回：

void

This method is defined by Field.

setValue

public function setValue(String value)

Sets the specified value into the field. If the value finds a match, the corresponding record text will be displayed in the field. If the value does not match the data value of an existing item, and the valueNotFoundText config option is defined, it will be displayed as the default field text. Otherwise the field will be blank (although the value will still be set).

参数：

value : String
The value to match

返回：

void

This method is defined by ComboBox.

setVisible

public function setVisible(Boolean visible)

Convenience function to hide or show this component by boolean

参数：

visible : Boolean
True to show, false to hide

返回：

void

This method is defined by Component.

show

public function show()

Show this component

参数：

无。

返回：

void

This method is defined by Component.

un

public function un(String eventName, Function handler, [Object scope])

移除侦听器, removeListener 的简写方式

参数：

eventName : String
侦听事件的类型
handler : Function
删除的处理函数
scope : Object
（可选） The scope (this object) for the handler

返回：

void

This method is defined by Observable.

validate

public function validate()

Validates the field value

参数：

无。

返回：

Boolean
True if the value is valid, else false

This method is defined by Field.

validateValue

public function validateValue(Mixed value)

Validates a value according to the field's validation rules and marks the field as invalid if the validation fails

参数：

value : Mixed
The value to validate

返回：

Boolean
True if the value is valid, else false

This method is defined by TextField.

事件详情

autosize

public event autosize

Fires when the autosize function is triggered. The field may or may not have actually changed size according to the default logic, but this event provides a hook for the developer to apply additional logic at runtime to resize the field if needed.

Subscribers will be called with the following parameters:

this : Ext.form.Field
This text field
width : Number
The new field width

This event is defined by TextField.

beforedestroy

public event beforedestroy

Fires before the component is destroyed

Subscribers will be called with the following parameters:

this : Ext.Component

This event is defined by Component.

beforehide

public event beforehide

Fires before the component is hidden

Subscribers will be called with the following parameters:

this : Ext.Component

This event is defined by Component.

beforequery

public event beforequery

Fires before all queries are processed. Return false to cancel the query or set cancel to true. The event object passed has these properties:

{Ext.form.ComboBox} combo - This combo box
{String} query - The query
{Boolean} forceAll - true to force "all" query
{Boolean} cancel - set to true to cancel the query.

Subscribers will be called with the following parameters:

e : Object
The query event object

This event is defined by ComboBox.

beforerender

public event beforerender

Fires before the component is rendered

Subscribers will be called with the following parameters:

this : Ext.Component

This event is defined by Component.

beforeselect

public event beforeselect

Fires before a list item is selected. Return false to cancel the selection.

Subscribers will be called with the following parameters:

combo : Ext.form.ComboBox
This combo box
record : Ext.data.Record
The data record returned from the underlying store
index : Number
The index of the selected item in the dropdown list

This event is defined by ComboBox.

beforeshow

public event beforeshow

Fires before the component is shown

Subscribers will be called with the following parameters:

this : Ext.Component

This event is defined by Component.

blur

public event blur

Fires when

Subscribers will be called with the following parameters:

this : Ext.form.Field

This event is defined by Field.

change

public event change

Fires just before the field blurs if the field value has changed

Subscribers will be called with the following parameters:

this : Ext.form.Field
value : Mixed
The changed value
value : Mixed
The original value

This event is defined by Field.

collapse

public event collapse

Fires when the dropdown list is collapsed

Subscribers will be called with the following parameters:

combo : Ext.form.ComboBox
This combo box

This event is defined by ComboBox.

destroy

public event destroy

Fires after the component is destroyed

Subscribers will be called with the following parameters:

this : Ext.Component

This event is defined by Component.

disable

public event disable

Fires after the component is disabled

Subscribers will be called with the following parameters:

this : Ext.Component

This event is defined by Component.

enable

public event enable

Fires after the component is enabled

Subscribers will be called with the following parameters:

this : Ext.Component

This event is defined by Component.

expand

public event expand

Fires when the dropdown list is expanded

Subscribers will be called with the following parameters:

combo : Ext.form.ComboBox
This combo box

This event is defined by ComboBox.

focus

public event focus

Fires when this field receives input focus

Subscribers will be called with the following parameters:

this : Ext.form.Field

This event is defined by Field.

hide

public event hide

Fires after the component is hidden

Subscribers will be called with the following parameters:

this : Ext.Component

This event is defined by Component.

invalid

public event invalid

Fires after the field has been marked as invalid

Subscribers will be called with the following parameters:

this : Ext.form.Field
msg : String
The validation message

This event is defined by Field.

render

public event render

Fires after the component is rendered

Subscribers will be called with the following parameters:

this : Ext.Component

This event is defined by Component.

select

public event select

Fires when a list item is selected

Subscribers will be called with the following parameters:

combo : Ext.form.ComboBox
This combo box
record : Ext.data.Record
The data record returned from the underlying store
index : Number
The index of the selected item in the dropdown list

This event is defined by ComboBox.

show

public event show

Fires after the component is shown

Subscribers will be called with the following parameters:

this : Ext.Component

This event is defined by Component.

specialkey

public event specialkey

Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed. You can check Ext.EventObject.getKey to determine which key was pressed.

Subscribers will be called with the following parameters:

this : Ext.form.Field
e : Ext.EventObject
The event object

This event is defined by Field.

valid

public event valid

Fires after the field has been validated with no errors

Subscribers will be called with the following parameters:

this : Ext.form.Field

This event is defined by Field.

设置详情

allQuery

allQuery : String

The text query to send to the server to return all records for the list with no filtering (defaults to '')

This config option is defined by ComboBox.

allowBlank

allowBlank : Boolean

False to validate that the value length > 0 (defaults to true)

This config option is defined by TextField.

autoCreate

autoCreate : Boolean/Object

A DomHelper element spec, or true for a default element spec (defaults to: {tag: "input", type: "text", size: "24", autocomplete: "off"})

This config option is defined by ComboBox.

blankText

blankText : String

Error text to display if the allow blank validation fails (defaults to "This field is required")

This config option is defined by TextField.

disableKeyFilter

disableKeyFilter : Boolean

True to disable input keystroke filtering (defaults to false)

This config option is defined by TextField.

displayField

displayField : String

The underlying data field name to bind to this CombBox (defaults to undefined if mode = 'remote' or 'text' if mode = 'local')

This config option is defined by ComboBox.

editable

editable : Boolean

False to prevent the user from typing text directly into the field, just like a traditional select (defaults to true)

This config option is defined by ComboBox.

emptyClass

emptyClass : String

The CSS class to apply to an empty field to style the emptyText (defaults to 'x-form-empty-field'). This class is automatically added and removed as needed depending on the current field value.

This config option is defined by TextField.

emptyText

emptyText : String

The default text to display in an empty field (defaults to null).

This config option is defined by TextField.

fieldClass

fieldClass : String

The default CSS class for the field (defaults to "x-form-field")

This config option is defined by Field.

focusClass

focusClass : String

The CSS class to use when the field receives focus (defaults to "x-form-focus")

This config option is defined by Field.

forceSelection

forceSelection : Boolean

True to restrict the selected value to one of the values in the list, false to allow the user to set arbitrary text into the field (defaults to false)

This config option is defined by ComboBox.

grow

grow : Boolean

True if this field should automatically grow and shrink to its content

This config option is defined by TextField.

growMax

growMax : Number

The maximum width to allow when grow = true (defaults to 800)

This config option is defined by TextField.

growMin

growMin : Number

The minimum width to allow when grow = true (defaults to 30)

This config option is defined by TextField.

handleHeight

handleHeight : Number

The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)

This config option is defined by ComboBox.

hiddenName

hiddenName : String

If specified, a hidden form field with this name is dynamically generated to store the field's data value (defaults to the underlying DOM element's name)

This config option is defined by ComboBox.

hideTrigger

hideTrigger : Boolean

True to hide the trigger element and display only the base text field (defaults to false)

This config option is defined by TriggerField.

inputType

inputType : String

The type attribute for input fields - e.g. radio, text, password. (defaults to "text")

This config option is defined by Field.

invalidClass

invalidClass : String

The CSS class to use when marking a field invalid (defaults to "x-form-invalid")

This config option is defined by Field.

invalidText

invalidText : String

The error text to use when marking a field invalid and no message is provided (defaults to "The value in this field is invalid")

This config option is defined by Field.

lazyRender

lazyRender : Boolean

True to prevent the ComboBox from rendering until requested (should always be used when rendering into an Ext.Editor, defaults to false)

This config option is defined by ComboBox.

listAlign

listAlign : String

A valid anchor position value. See Ext.Element.alignTo for details on supported anchor positions (defaults to 'tl-bl')

This config option is defined by ComboBox.

listClass

listClass : String

CSS class to apply to the dropdown list element (defaults to '')

This config option is defined by ComboBox.

listWidth

listWidth : Number

The width in pixels of the dropdown list (defaults to the width of the ComboBox field)

This config option is defined by ComboBox.

loadingText

loadingText : String

The text to display in the dropdown list while data is loading. Only applies when mode = 'remote' (defaults to 'Loading...')

This config option is defined by ComboBox.

maskRe

maskRe : String

An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)

This config option is defined by TextField.

maxHeight

maxHeight : Number

The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)

This config option is defined by ComboBox.

maxLength

maxLength : Number

Maximum input field length allowed (defaults to Number.MAX_VALUE)

This config option is defined by TextField.

maxLengthText

maxLengthText : String

Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxLength}")

This config option is defined by TextField.

minChars

minChars : Number

The minimum number of characters the user must type before autocomplete and typeahead activate (defaults to 4, does not apply if editable = false)

This config option is defined by ComboBox.

minLength

minLength : Number

Minimum input field length required (defaults to 0)

This config option is defined by TextField.

minLengthText

minLengthText : String

Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minLength}")

This config option is defined by TextField.

minListWidth

minListWidth : Number

The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if listWidth has a higher value)

This config option is defined by ComboBox.

mode

mode : String

Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)

This config option is defined by ComboBox.

msgFx

msgFx : String

Experimental The effect used when displaying a validation message under the field (defaults to 'normal').

This config option is defined by Field.

msgTarget

msgTarget : String

The location where error text should display. Should be one of the following values (defaults to 'qtip'):

 Value Description ----------- ---------------------------------------------------------------------- qtip Display a quick tip when the user hovers over the field title Display a default browser title attribute popup under Add a block div beneath the field containing the error text side Add an error icon to the right of the field with a popup on hover [element id] Add the error text directly to the innerHTML of the specified element

This config option is defined by Field.

pageSize

pageSize : Number

If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the filter queries will execute with page start and limit parameters. Only applies when mode = 'remote' (defaults to 0)

This config option is defined by ComboBox.

queryDelay

queryDelay : Number

The length of time in milliseconds to delay between the start of typing and sending the query to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')

This config option is defined by ComboBox.

queryParam

queryParam : String

Name of the query as it will be passed on the querystring (defaults to 'query')

This config option is defined by ComboBox.

regex

regex : RegExp

A JavaScript RegExp object to be tested against the field value during validation (defaults to null). If available, this regex will be evaluated only after the basic validators all return true, and will be passed the current field value. If the test fails, the field will be marked invalid using regexText.

This config option is defined by TextField.

regexText

regexText : String

The error text to display if regex is used and the test fails during validation (defaults to "")

This config option is defined by TextField.

resizable

resizable : Boolean

True to add a resize handle to the bottom of the dropdown list (defaults to false)

This config option is defined by ComboBox.

selectOnFocus

selectOnFocus : Boolean

True to select any existing text in the field immediately on focus. Only applies when editable = true (defaults to false)

This config option is defined by ComboBox.

selectedClass

selectedClass : String

CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')

This config option is defined by ComboBox.

shadow

shadow : Boolean/String

True or "sides" for the default effect, "frame" for 4-way shadow, and "drop" for bottom-right

This config option is defined by ComboBox.

transform

transform : String/HTMLElement/Element

The id, DOM node or element of an existing select to convert to a ComboBox

This config option is defined by ComboBox.

triggerAction

triggerAction : String

The action to execute when the trigger field is activated. Use 'all' to run the query specified by the allQuery config option (defaults to 'query')

This config option is defined by ComboBox.

triggerClass

triggerClass : String

An additional CSS class used to style the trigger button. The trigger will always get the class 'x-form-trigger' and triggerClass will be appended if specified (defaults to 'x-form-arrow-trigger' which displays a downward arrow icon).

This config option is defined by ComboBox.

typeAhead

typeAhead : Boolean

True to populate and autoselect the remainder of the text being typed after a configurable delay (typeAheadDelay) if it matches a known value (defaults to false)

This config option is defined by ComboBox.

typeAheadDelay

typeAheadDelay : Number

The length of time in milliseconds to wait until the typeahead text is displayed if typeAhead = true (defaults to 250)

This config option is defined by ComboBox.

validateOnBlur

validateOnBlur : String/Boolean

Defaults to true.

This config option is defined by Field.

validationDelay

validationDelay : Number

The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)

This config option is defined by Field.

validationEvent

validationEvent : String/Boolean

The event that should initiate field validation. Set to false to disable automatic validation. (defaults to "keyup")

This config option is defined by Field.

validator

validator : Function

A custom validation function to be called during field validation (defaults to null). If available, this function will be called only after the basic validators all return true, and will be passed the current field value and expected to return boolean true if the value is valid or a string error message if invalid.

This config option is defined by TextField.

value

value : Mixed

A value to initialize this field with

This config option is defined by Field.

valueField

valueField : String

The underlying data value name to bind to this CombBox (defaults to undefined if mode = 'remote' or 'value' if mode = 'local')

This config option is defined by ComboBox.

valueNotFoundText

valueNotFoundText : String

When using a name/value combo, if the value passed to setValue is not found in the store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)

This config option is defined by ComboBox.

vtype

vtype : String

A validation type name as defined in Ext.form.VTypes (defaults to null)

This config option is defined by TextField.