Question

队。

有没有人知道如何在extjs textfield中添加图片

基本上我有文本字段，我默认显示空文本，除此之外我想放一个图像（图像应该在文本字段内。）有没有办法做到。

Answer 1

Ext 4.1

你的领域：

    {
        xtype: 'textfield',
        fieldLabel: 'Field with image',
        emptyText: 'placeholder text', // important, or image will not show
        name: 'name',
        emptyCls: 'empty-text-field'
    }

你的css：

.empty-text-field {
    background-image:url(/images/cross.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
}

如果要在所有空文本字段中显示图像，则只需添加此css：

.x-form-empty-field {
    background-image:url(/images/cross.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
}

（x-form-empty-field是表单字段的默认emtptyCls）

不要忘记emptyText

screenshot

如何在EXTJS文本字段中为空文本添加图像

1 个答案: