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

 

Tags: ,

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.
    InformationsquelleAutor Juan Mendes
  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.
    InformationsquelleAutor Sean Adkinson

Lascia un commento