view release on metacpan or  search on metacpan

share/docs/source/TriggerField.html  view on Meta::CPAN

</span>    checkTab : function(me, e){
        if(e.getKey() == e.TAB){
            this.triggerBlur();
        }
    },

<span id='Ext-form-TriggerField-method-onBlur'>    // private
</span>    onBlur : Ext.emptyFn,

<span id='Ext-form-TriggerField-method-mimicBlur'>    // private
</span>    mimicBlur : function(e){
        if(!this.isDestroyed &amp;&amp; !this.wrap.contains(e.target) &amp;&amp; this.validateBlur(e)){
            this.triggerBlur();
        }
    },

<span id='Ext-form-TriggerField-method-triggerBlur'>    // private
</span>    triggerBlur : function(){
        this.mimicing = false;
        this.doc.un('mousedown', this.mimicBlur, this);
        if(this.monitorTab &amp;&amp; this.el){
            this.un('specialkey', this.checkTab, this);
        }
        Ext.form.TriggerField.superclass.onBlur.call(this);
        if(this.wrap){
            this.wrap.removeClass(this.wrapFocusClass);
        }
    },

<span id='Ext-form-TriggerField-method-beforeBlur'>    beforeBlur : Ext.emptyFn,
</span>
<span id='Ext-form-TriggerField-method-validateBlur'>    // private
</span>    // This should be overriden by any subclass that needs to check whether or not the field can be blurred.
    validateBlur : function(e){
        return true;
    },

<span id='Ext-form-TriggerField-method-onTriggerClick'>    /**
</span>     * The function that should handle the trigger's click event.  This method does nothing by default
     * until overridden by an implementing function.  See Ext.form.ComboBox and Ext.form.DateField for
     * sample implementations.
     * @method
     * @param {EventObject} e
     */
    onTriggerClick : Ext.emptyFn

<span id='Ext-form-TriggerField-cfg-grow'>    /**
</span>     * @cfg {Boolean} grow @hide
     */
<span id='Ext-form-TriggerField-cfg-growMin'>    /**
</span>     * @cfg {Number} growMin @hide
     */
<span id='Ext-form-TriggerField-cfg-growMax'>    /**
</span>     * @cfg {Number} growMax @hide
     */
});

<span id='Ext-form-TwinTriggerField'>/**
</span> * @class Ext.form.TwinTriggerField
 * @extends Ext.form.TriggerField
 * TwinTriggerField is not a public class to be used directly.  It is meant as an abstract base class
 * to be extended by an implementing class.  For an example of implementing this class, see the custom
 * SearchField implementation here:
 * &lt;a href=&quot;http://extjs.com/deploy/ext/examples/form/custom.html&quot;&gt;http://extjs.com/deploy/ext/examples/form/custom.html&lt;/a&gt;
 */
Ext.form.TwinTriggerField = Ext.extend(Ext.form.TriggerField, {
<span id='Ext-form-TwinTriggerField-cfg-triggerConfig'>    /**
</span>     * @cfg {Mixed} triggerConfig
     * &lt;p&gt;A {@link Ext.DomHelper DomHelper} config object specifying the structure of the trigger elements
     * for this Field. (Optional).&lt;/p&gt;
     * &lt;p&gt;Specify this when you need a customized element to contain the two trigger elements for this Field.
     * Each trigger element must be marked by the CSS class &lt;tt&gt;x-form-trigger&lt;/tt&gt; (also see
     * &lt;tt&gt;{@link #trigger1Class}&lt;/tt&gt; and &lt;tt&gt;{@link #trigger2Class}&lt;/tt&gt;).&lt;/p&gt;
     * &lt;p&gt;Note that when using this option, it is the developer's responsibility to ensure correct sizing,
     * positioning and appearance of the triggers.&lt;/p&gt;
     */
<span id='Ext-form-TwinTriggerField-cfg-trigger1Class'>    /**
</span>     * @cfg {String} trigger1Class
     * An additional CSS class used to style the trigger button.  The trigger will always get the
     * class &lt;tt&gt;'x-form-trigger'&lt;/tt&gt; by default and &lt;tt&gt;triggerClass&lt;/tt&gt; will be &lt;b&gt;appended&lt;/b&gt; if specified.
     */
<span id='Ext-form-TwinTriggerField-cfg-trigger2Class'>    /**
</span>     * @cfg {String} trigger2Class
     * An additional CSS class used to style the trigger button.  The trigger will always get the
     * class &lt;tt&gt;'x-form-trigger'&lt;/tt&gt; by default and &lt;tt&gt;triggerClass&lt;/tt&gt; will be &lt;b&gt;appended&lt;/b&gt; if specified.
     */

    initComponent : function(){
        Ext.form.TwinTriggerField.superclass.initComponent.call(this);

        this.triggerConfig = {
            tag:'span', cls:'x-form-twin-triggers', cn:[
            {tag: &quot;img&quot;, src: Ext.BLANK_IMAGE_URL, alt: &quot;&quot;, cls: &quot;x-form-trigger &quot; + this.trigger1Class},
            {tag: &quot;img&quot;, src: Ext.BLANK_IMAGE_URL, alt: &quot;&quot;, cls: &quot;x-form-trigger &quot; + this.trigger2Class}
        ]};
    },

<span id='Ext-form-TwinTriggerField-method-getTrigger'>    getTrigger : function(index){
</span>        return this.triggers[index];
    },
    
<span id='Ext-form-TwinTriggerField-method-afterRender'>    afterRender: function(){
</span>        Ext.form.TwinTriggerField.superclass.afterRender.call(this);
        var triggers = this.triggers,
            i = 0,
            len = triggers.length;
            
        for(; i &lt; len; ++i){
            if(this['hideTrigger' + (i + 1)]){
                    triggers[i].hide();
                }

        }    
    },

<span id='Ext-form-TwinTriggerField-method-initTrigger'>    initTrigger : function(){
</span>        var ts = this.trigger.select('.x-form-trigger', true),
            triggerField = this;
            
        ts.each(function(t, all, index){
            var triggerIndex = 'Trigger'+(index+1);