如何防止触发器切断大量文本字段？

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'）