sencha touch의 텍스트 필드에 이미지를 추가하는 방법

Question

sencha touch의 텍스트 필드에 작은 이미지를 추가하고 싶습니다. 예를 들어 사용자 이름 텍스트 필드의 작은 사용자 아이콘.

Answer 1

은 다음과 같이 당신의 텍스트 필드를 만듭니다

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

내가 붙박이 뭔가를 찾고 있었다

.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; 
}