顯示textfield前後的符號/圖標

Question

我要求在textfield前面顯示一個符號，並在末尾顯示.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