如何在sencha touch中添加文本字段中的图像

Question

我想在sencha touch中的文本字段中添加一个小图像。例如，用户名文本字段中的小用户图标。

Answer 1

像这样创建文本字段：

{
    xtype: 'textfield',
    cls: 'username',
    fieldLabel : 'Username', // works for ExtJS
    label : 'Username' // works for Sencha Touch
}

并将其添加到您的CSS

.username .x-form-text, .username .x-form-field {
    background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/1/12/User_icon_2.svg/48px-User_icon_2.svg.png) no-repeat left;
    background-size: contain;
    padding-left: 25px;
}
.username .x-form-field { /* Adding more padding for Sencha Touch only */
    padding-left: 50px;
}