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

时间:2013-10-07 10:40:03

标签: extjs4.1

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

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

1 个答案:

答案 0 :(得分: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