-<div class="body-wrap" xmlns:ext="http://www.extjs.com"><div class="top-tools"><a class="inner-link" href="#Ext.form.TriggerField-props"><img src="resources/images/default/s.gif" class="item-icon icon-prop">Properties</a> <a class="inner-link" href="#Ext.form.TriggerField-methods"><img src="resources/images/default/s.gif" class="item-icon icon-method">Methods</a> <a class="inner-link" href="#Ext.form.TriggerField-events"><img src="resources/images/default/s.gif" class="item-icon icon-event">Events</a> <a class="inner-link" href="#Ext.form.TriggerField-configs"><img src="resources/images/default/s.gif" class="item-icon icon-config">Config Options</a> <a class="bookmark" href="../docs/?class=Ext.form.TriggerField"><img src="resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a> </div><div class="inheritance res-block"><pre class="res-block-inner"><a href="output/Ext.util.Observable.html" ext:member="" ext:cls="Ext.util.Observable">Observable</a> <img src="resources/elbow-end.gif"><a href="output/Ext.Component.html" ext:member="" ext:cls="Ext.Component">Component</a> <img src="resources/elbow-end.gif"><a href="output/Ext.BoxComponent.html" ext:member="" ext:cls="Ext.BoxComponent">BoxComponent</a> <img src="resources/elbow-end.gif"><a href="output/Ext.form.Field.html" ext:member="" ext:cls="Ext.form.Field">Field</a> <img src="resources/elbow-end.gif"><a href="output/Ext.form.TextField.html" ext:member="" ext:cls="Ext.form.TextField">TextField</a> <img src="resources/elbow-end.gif">TriggerField</pre></div><h1>Class <a href="source/TriggerField.html#cls-Ext.form.TriggerField">Ext.form.TriggerField</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext.form</td></tr><tr><td class="label">Defined In:</td><td class="hd-info"><a href="source/TriggerField.html#cls-Ext.form.TriggerField">TriggerField.js</a></td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/TriggerField.html#cls-Ext.form.TriggerField">TriggerField</a></td></tr><tr><td class="label">Subclasses:</td><td class="hd-info"><a href="output/Ext.form.ComboBox.html" ext:cls="Ext.form.ComboBox">ComboBox</a>, <a href="output/Ext.form.DateField.html" ext:cls="Ext.form.DateField">DateField</a>, <a href="output/Ext.form.TwinTriggerField.html" ext:cls="Ext.form.TwinTriggerField">TwinTriggerField</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.form.TextField.html" ext:cls="Ext.form.TextField" ext:member="">TextField</a></td></tr></table><div class="description">Provides a convenient wrapper for TextFields that adds a clickable trigger button (looks like a combobox by default).
+<div class="body-wrap" xmlns:ext="http://www.extjs.com"><div class="top-tools"><a class="inner-link" href="#Ext.form.TriggerField-props"><img src="resources/images/default/s.gif" class="item-icon icon-prop">Properties</a> <a class="inner-link" href="#Ext.form.TriggerField-methods"><img src="resources/images/default/s.gif" class="item-icon icon-method">Methods</a> <a class="inner-link" href="#Ext.form.TriggerField-events"><img src="resources/images/default/s.gif" class="item-icon icon-event">Events</a> <a class="inner-link" href="#Ext.form.TriggerField-configs"><img src="resources/images/default/s.gif" class="item-icon icon-config">Config Options</a> <a class="bookmark" href="../docs/?class=Ext.form.TriggerField"><img src="resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a> </div><div class="inheritance res-block"><pre class="res-block-inner"><a href="output/Ext.util.Observable.html" ext:member="" ext:cls="Ext.util.Observable">Observable</a>
+ <img src="resources/elbow-end.gif"><a href="output/Ext.Component.html" ext:member="" ext:cls="Ext.Component">Component</a>
+ <img src="resources/elbow-end.gif"><a href="output/Ext.BoxComponent.html" ext:member="" ext:cls="Ext.BoxComponent">BoxComponent</a>
+ <img src="resources/elbow-end.gif"><a href="output/Ext.form.Field.html" ext:member="" ext:cls="Ext.form.Field">Field</a>
+ <img src="resources/elbow-end.gif"><a href="output/Ext.form.TextField.html" ext:member="" ext:cls="Ext.form.TextField">TextField</a>
+ <img src="resources/elbow-end.gif">TriggerField</pre></div><h1>Class <a href="source/TriggerField.html#cls-Ext.form.TriggerField">Ext.form.TriggerField</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext.form</td></tr><tr><td class="label">Defined In:</td><td class="hd-info"><a href="source/TriggerField.html#cls-Ext.form.TriggerField">TriggerField.js</a></td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/TriggerField.html#cls-Ext.form.TriggerField">TriggerField</a></td></tr><tr><td class="label">Subclasses:</td><td class="hd-info"><a href="output/Ext.form.ComboBox.html" ext:cls="Ext.form.ComboBox">ComboBox</a>, <a href="output/Ext.form.DateField.html" ext:cls="Ext.form.DateField">DateField</a>, <a href="output/Ext.form.TwinTriggerField.html" ext:cls="Ext.form.TwinTriggerField">TwinTriggerField</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.form.TextField.html" ext:cls="Ext.form.TextField" ext:member="">TextField</a></td></tr></table><div class="description">Provides a convenient wrapper for TextFields that adds a clickable trigger button (looks like a combobox by default).
The trigger has no default action, so you must assign a function to implement the trigger click handler by
overriding <a href="output/Ext.form.TriggerField.html#Ext.form.TriggerField-onTriggerClick" ext:member="onTriggerClick" ext:cls="Ext.form.TriggerField">onTriggerClick</a>. You can create a TriggerField directly, as it renders exactly like a combobox
for which you can provide a custom implementation. For example:
git.ithinksw.org / extjs.git / blobdiff