如何实现上传文件队列的这种显示方法

[size=large]如下图所示：
实现文件上传的功能那里，整个是一个formpanel 我要如何实现上传文件列表的那种现实方法呢？
[code="js"]xtype:'fileuploadfield',
id:'uploadField',
fieldLabel:'附件',
width:250,
buttonOnly: true,
buttonText:'浏览';,
listeners: {

'fileselected': function(fb, v){肿么写}[/code][/code][/size]

[img]http://dl.iteye.com/upload/attachment/534891/9b5f9f03-f4b8-3e88-afb1-c2f76ed895df.jpg[/img]

[code="js"]listeners: {
'fileselected': function(fb, v){
//alert(fb.ownerCt.el.dom.outerHTML);
fb.el.insertSibling('

');
alert(this.el.dom.outerHTML);
}
}[/code]

[code="java"]
文件列表那块放一个panel啊
假如 id 是listfile
xtype:'fileuploadfield',
id:'uploadField',
fieldLabel:'附件',
width:250,
buttonOnly: true,
buttonText:'浏览';,
listeners: {

'fileselected': function(fb, v){
Ext.getCmp("listfile").add(new Textfield)
显示文件名啊
}
[/code]

extjs的例子可以直接参考下了～～
[url]http://dev.sencha.com/deploy/ext-3.4.0/examples/form/file-upload.html[/url]

[code="java"]
listeners: {
'fileselected': function(fb, v){
var el = Ext.fly('fi-button-msg');
el.update('Selected: '+v);
if(!el.isVisible()){
el.slideIn('t', {
duration: .2,
easing: 'easeIn',
callback: function(){
el.highlight();
}
});
}else{
el.highlight();
}
}
}[/code]

额 我主要的原因是不知道怎么把它显示在在按钮的左边

动态添加啊··

你给在你的按钮左边加个DIV，ID 是 my-div

然后
[code="java"] listeners: {
'fileselected': function(fb, v){
var x= Ext.get("my-div")
x.appendChild('Selected: '+v);
}
}[/code]

{

xtype:"panel",

height:40,

id:"file_list",
layout:'form'//把这个panel设置下布局啊

            }