Küçük harfle Metin Eklentisi

Question

Tarih alanında olduğu gibi, metin alanının içindeki simgeyle küçük düğme nasıl oluşturulur? ExtJS önceki versiyonunda bir CompositeField vardı ama 4.

Answer 1

Sadece CSS içeren tetik alanının simgesini değiştirebilirsiniz http://docs.sencha.com/ext-js/4-1/#!/api/Ext.form.field.Trigger genişletmek ve onTriggerClick şablon yönteminde simgesini tıklayarak davranışını uygulamak ExtJS bunu bulamıyorum

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' 
    }] 
}); 

Answer 2

Simge tıklanabilir mi? Eğer öyleyse, Ext.form.field.Trigger'u arıyorsunuz. Değilse, bazı özel dom sağlamak için Metin alanının getSubTplMarkup() işlevini geçersiz kılmayı deneyebilirsiniz. Örneğin

:

Ext.define('MyField', { 
    extend: 'Ext.form.field.Text', 

    getSubTplMarkup: function() { 
     return this.callParent(arguments) + '<span class="my-icon"></span>'; 
    } 
});