extjs - 空のテキストのEXTJSテキストフィールドに画像を追加する方法

Question

チーム。

extjsテキストフィールド内に画像を追加する方法を知っている人はいますか

基本的に、デフォルトで空のテキストを表示しているテキストフィールドがあり、それに加えて、1つの画像を配置したい（画像はテキストフィールド内にある必要があります）それを行う方法はあります。

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 です)

emptyTextを忘れないでください

スクリーンショット