Extjs 如何防止触发器切断如此多的文本字段？

例如，这段代码为一个文本字段（而不是另一个）提供了一个明确的触发器，作为比较：

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进行演示

---

我希望触发器更靠近右边，文本字段相应地展开。有没有办法做到这一点？

使用x-fa类而不是fa cls:“x-fa时间”

使用x-fa类而不是fa cls:“x-fa时间”

是的，就是这样！是的，成功了！