如何在 sencha touch 中将图像放置在文本字段的右侧

Question

谁能告诉我如何在 sencha touch 中将图像放在文本字段的右侧

Answer 1

像这样传递CSS，它会在右侧对齐您的图像。

background: url(../icons/icon.png) no-repeat right;  /*your file path*/

Answer 2

这可以通过将带有标签的文本字段与相应的图像相结合来完成，这是一个示例：

 Ext.define("myapp.view.Places", {
extend: 'Ext.Container',
xtype: 'places',     
config: {    
    layout: 'hbox',
    items: [
        {
            xtype: 'textfield',
            label: 'location',
            labelWidth: '35%',                             
            flex: 4        
        },
        {
            xtype: 'label',
            html: '<span style="float:right; margin-right:10px;"><img height="32px"  src="image.jpg"/></span>',
            padding: '6 0 0 0',
            flex: 1        
        }        
    ]        
}

});