Как не допустить, чтобы триггеры обрезали большую часть текстового поля?

Question

В качестве примера, это код, который обеспечивает четкий триггер для одного текстового поля, а не для другого, для сравнения:

Ext.create('Ext.form.Panel', {
    title: 'Contact Info',
    width: 300,
    bodyPadding: 10,
    renderTo: Ext.getBody(),
    items: [{
        xtype: 'textfield',
        name: 'fname',
        fieldLabel: 'First Name',
        triggers: {
            clear: {
                cls: 'fa fa-times',
                handler: function(me) {
                    me.setValue('');
                }
            }
        }
    },{
        xtype: 'textfield',
        name: 'lname',
        fieldLabel: 'Last Name'
    }]
});

Когда вы запускаете его, триггер очистки находится всередина поля и физически уменьшает его ширину.(Я набрал Xs для демонстрации.)

Я бы хотел, чтобы триггер был намного дальше вправо, с соответствующим расширением текстового поля.Есть ли способ сделать это?

Answer 1

Используйте x-fa class вместо fa (cls: 'x-fa fa-times')