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

Question

球队.

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

基本上我有文本字段,我默认显示空文本,除此之外我想放一个图像(图像应该在文本字段内.)有任何方法可以做到这一点.

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

截图