ExtJs TextField con piccolo pulsante

Come creare un piccolo pulsante con l’icona all’interno del campo di testo, come con datefield? Nella versione precedente di ExtJS c’era un CompositeField, ma i cant trovare in ExtJS 4.

InformationsquelleAutor patryks | 2012-07-16

 

2 Replies
  1. 13

    Solo estendere http://docs.sencha.com/ext-js/4-1/#!/api/Ext.forma.campo.Trigger È possibile modificare l’icona del trigger campo con i CSS e implementare il comportamento del clic sull’icona di onTriggerClick metodo di modello

    Ext.define('Ext.ux.CustomTrigger', {
        extend: 'Ext.form.field.Trigger',
        alias: 'widget.customtrigger',
    
        //override onTriggerClick
        onTriggerClick: function() {
            Ext.Msg.alert('Status', 'You clicked my trigger!');
        }
    });
    
    Ext.create('Ext.form.FormPanel', {
        title: 'Form with TriggerField',
        renderTo: Ext.getBody(),
        items:[{
            xtype: 'customtrigger',
            fieldLabel: 'Sample Trigger',
            emptyText: 'click the trigger'
        }]
    });
    • Grazie! Questo è esattamente quello che mi serviva.
  2. 6

    È l’icona cliccabile? Se è così, si sta cercando Ext.form.field.Trigger. Se non, si potrebbe provare a ignorare il campo di Testo getSubTplMarkup() la funzione di fornire alcune personalizzato dom.

    Per esempio:

    Ext.define('MyField', {
        extend: 'Ext.form.field.Text',
    
        getSubTplMarkup: function() {
            return this.callParent(arguments) + '<span class="my-icon"></span>';
        }
    });
    • Yep, l’icona dovrebbe essere cliccabile. Grazie per la tua risposta.

Lascia un commento