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

Question

团队。

有谁知道如何在 extjs 文本字段中添加图像

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

Answer 1

分机 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）

不要忘记空文本

截屏