怎么在下拉列表中加个图片？

Question

/****
 * 
 *  授权委托申请流程图
 */powerOfAttProcess = Ext.extend(Ext.FormPanel,{


//定义构造器
constructor: function(){
var tjddata=[['集团授权审批流程','1'],['股份授权审批流程','2']];
var tjdStore = new Ext.data.SimpleStore({
      fields : ['text', 'value'],
      data : tjddata
});
this.powerOfAttApplicationTitleLevel = new Ext.form.ComboBox({
name: "powerOfAttApplicationTitleLevel",
fieldLabel: "选择流程图",
store:tjdStore,
    mode: "local",
    triggerAction: "all",
valueField: "value",
displayField: "text",
selectOnFocus:true,
anchor: "60%"
});



powerOfAttProcess.superclass.constructor.call(this, {
frame: true,
bodyStyle: "padding:0 0;",
//title: "当前位置：合同法律人员库->外聘律师管理->禁用律师管理",
autoScroll: true,
items: [{
layout: "column",
items: [{
columnWidth : .25, //列距
layout: 'form',
defaultType: 'textfield',
items: []
},{
columnWidth : .5, //列距
layout: 'form',
defaultType: 'textfield',
items: [this.powerOfAttApplicationTitleLevel]
},{
columnWidth : .25, //列距
layout: 'form',
defaultType: 'textfield',
items: []
},{

}]
}]
});
}
});
就在最后这个 ,[] 中加入一个图片， 怎么加呢？

Answer 1

修改下面那段： powerOfAttProcess.superclass.constructor.call(this, {
            frame: true,
            bodyStyle: "padding:0 0;",
            //title: "当前位置：合同法律人员库->外聘律师管理->禁用律师管理",
            autoScroll: true,
            items: [{
                layout: "column",
                items: [{
                    columnWidth : .25,    //列距
                    layout: 'form',
                    defaultType: 'textfield',
                    items: []
                },{
                    columnWidth : .5,    //列距
                    layout: 'form',
                    defaultType: 'textfield',
                    items: [this.powerOfAttApplicationTitleLevel]
                },{
                    columnWidth : .25,    //列距
                    layout: 'form',
                    defaultType: 'textfield',
                    items: [{
                               xtype : 'textfield',
                               fieldLabel : '照片',
                               width : 150,
                               Height : 150,
                               inputType : 'image',                               listeners : { // 该项被载入时加载照片
                                'render' : function(_filed) {
                                  _filed.getEl().dom.src = "1.jpg";
                                       }
                                    }
                           }]
                },{
                    
                }]
            }]
        });
    }
});

Answer 2

powerOfAttProcess.superclass.constructor.call(this, {
frame: true,
bodyStyle: "padding:0 0;",
//title: "当前位置：合同法律人员库->外聘律师管理->禁用律师管理",
autoScroll: true,
items: [{
layout: "column",
items: [{
columnWidth : .25, //列距
layout: 'form',
defaultType: 'textfield',
items: []
},{
columnWidth : .5, //列距
layout: 'form',
defaultType: 'textfield',
items: [this.powerOfAttApplicationTitleLevel]
},{
columnWidth : .25, //列距
layout: 'form',
defaultType: 'textfield',
items: []
},{
columnWidth : 1, //列距
layout: 'form',
                    defaultType: 'textfield',
                    items: [{
                        xtype : 'textfield',
                        fieldLabel : '照片',
                       // width : 150,
                        //Height : 150,
                        inputType : 'image',
                        listeners : { // 该项被载入时加载照片
                            'render' : function(_filed) {
                                _filed.getEl().dom.src = "../images/gf_proxy.jpg";
                            }
                        }
                    }]
}]
}]
});
这样的 render 还要在外面重新定义下么？ 怎么写呢？
小弟也是初学

Answer 3

_filed.getEl().dom.src = "<%=basePath%>authorization/images/gf_proxy.jpg";
这样用绝对路径 显示的还是图片无法显示