extjs文本框后添加小图标或文字(单位名称)

var textField1 = new Ext.form.TextField({

        id : 'EXPIRATION_DAY',

        allowBlank : false,

        fieldLabel : 'Expiration Days',

        regex : /^\d*$/,

        minValue : 0,

        maxValue : 365,

        width : 80,

        value : '3',

        maxLength : 3,

        listeners : {

            'render' : function(){

                 //textfield后加单位方法：

                 （1）var _parentNode = Ext.getDom('EXPIRATION_DAY').parentNode;

                  Ext.get(_parentNode).createChild({

                     tag : 'span',

                     html : '<font color=red>千克</font>'

                  });

                 （2）var unit_1 = '千克';

                   Ext.DomHelper.insertHtml('afterEnd', Ext.get('EXPIRATION_DAY').dom, unit_1);

 

                 //textfield后加图片

                 var _parentNode = Ext.getDom('EXPIRATION_DAY').parentNode;

                 Ext.get(_parentNode).createChild({

                     tag : 'span',

                     src : '/images/deactivate.png'

                 });

                  //为_parentNode加事件方法

                  // Ext.lib.Event.addListener(day,'click',function() {

                  //   alert('xx');

                  //});

            }

        }

    });