在textfield之前和之后显示符号/图标

Question

我需要在文本字段和结尾显示之前显示一个符号.00，下面是我正在使用的代码，但不知道如何操作。

                                  xtype:"textfield",    
                                  fieldLabel: 'Total Anticipated Mkt Val',
                                  labelStyle:'font-weight:bold;',
                                  name:"totalAnticipatedMarketValue",
                                  id: 'totalAnticipatedMarketValue',
                                  style:{color:'#0a4374',fontSize:'10px',fontWeight:'',textAlign:'left'}

Answer 1

您可以使用fieldcontainer，如下所示：

{
    xtype: 'fieldcontainer',
    fieldLabel: 'Total Anticipated Mkt Val',
    labelStyle:'font-weight:bold;',
    layout: 'hbox',
    items: [
        {
            xtype: 'displayfield',
            value: '$'
        },
        {
            xtype: 'numberfield',
            name: "totalAnticipatedMarketValue",
            flex: 1
        },
        {
            xtype: 'displayfield',
            value: '.00'
        }
    ]
}

请参阅此处的文档：http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.form.FieldContainer