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

问题描述

[size=large]如下图所示：实现文件上传的功能那里，整个是一个formpanel 我要如何实现上传文件列表的那种现实方法呢？xtype:'fileuploadfield',id:'uploadField',fieldLabel:'附件',width:250,buttonOnly: true,buttonText:'浏览';,listeners: { 'fileselected': function(fb, v){肿么写}[/size] 问题补充：suziwen 写道

解决方案

listeners: { 'fileselected': function(fb, v){ //alert(fb.ownerCt.el.dom.outerHTML); fb.el.insertSibling('<div style="float:left">xxxxxx</div>'); alert(this.el.dom.outerHTML); } }
解决方案二：
{ xtype:"panel", height:40, id:"file_list",layout:'form'//把这个panel设置下布局啊 }
解决方案三：
你给在你的按钮左边加个DIV，ID 是 my-div然后 listeners: { 'fileselected': function(fb, v){ var x= Ext.get("my-div") x.appendChild('<b>Selected:</b> '+v); } }
解决方案四：
额 我主要的原因是不知道怎么把它显示在在按钮的左边动态添加啊··
解决方案五：
extjs的例子可以直接参考下了～～http://dev.sencha.com/deploy/ext-3.4.0/examples/form/file-upload.html listeners: { 'fileselected': function(fb, v){ var el = Ext.fly('fi-button-msg'); el.update('<b>Selected:</b> '+v); if(!el.isVisible()){ el.slideIn('t', { duration: .2, easing: 'easeIn', callback: function(){ el.highlight(); } }); }else{ el.highlight(); } } }
解决方案六：
文件列表那块放一个panel啊假如 id 是listfilextype:'fileuploadfield',id:'uploadField',fieldLabel:'附件',width:250,buttonOnly: true,buttonText:'浏览';,listeners: { 'fileselected': function(fb, v){Ext.getCmp("listfile").add(new Textfield)显示文件名啊}