这又是个很奇怪的BUG
起因呢,是准备在框架里集成一个文件上传控件,考虑到要支持大文件(上G的文件)上传
一开始使用的是Ext.ux.UploadDialog这个专门为ExtJS写的文件上传控件,问题是这个控件在FF下文件上传完毕后始终显示错误(难得BUG不是出现在IE下),查了下原因,应该是IE和FF的Ajax机制不同造成的,看了好半天,不知道怎么改,还是放弃算了
然后呢,找了N多的SilverLight2-4的文件上传控件,最后找了个比较合适的,改了改,加了些JS控制代码以及回调函数进去,OK,可以了
下一步,集成到ExtJS的Window里
一开始使用SilverLight的一个SivlerLight Component模式集成,老出问题,后来干脆还是直接写HTML代码嵌入吧
代码时这样的:
items: [ new Ext.Panel({ frame: true, html: '<object id="silverlightfileupload" data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%"><param name="source" value="/ClientBin/FileUpload.xap"/><param name="background" value="white" /><param name="windowless" value="false" /><param name="minRuntimeVersion" value="2.0.31005.0" /> <param name="autoUpgrade" value="true" /><param name="initParams" value="UploadPage=http://localhost/ExtFileWeb/FileUpload.ashx,Filter=Images (*.jpg)|*.*" /><a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text-decoration: none;"><img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none"/></a></object>' }) ],
测试后,IE和FF下都没问题了,文件上传似乎不够快,不过还是比较稳定的(原本想法本地上传本机,速度应该呼啦啦的一秒不说几百兆,几十兆总该有的,但是实际运行保持在几兆每秒的速度,跟HTTP上传可能有关系吧)
继续测试,问题出现了,这次又是在该死的IE下......在IE下一拖动上传文件的窗口,控件里已选择的文件就神奇的消失了......
这个真的不知道怎么回事了,测试了N多遍,FF下就没问题,后台也没接收到任何事件,反正文件就没了,然后文件数量那个显示字段正确的变成了0
难道是ExtJS每拖动一下,就重新刷新了该控件?
被迫先尝试下把上传控件窗口设置成了不可拖动,虽然不出现消失的问题了,可总还是不对劲
在网上搜索了N天,没有结果
后来到是搜索到一个类似的,是日期控件拖动后会消失,嗯有点象,里面解释是阴影导致的内存泄露,这个有点夸张了么
不过解决方法到是正确的
代码在下面,覆盖Drag方法,取消阴影
Ext.override(Ext.Window.DD, { startDrag: function() { var w = this.win; this.proxy = w.getEl(); if (w.constrain !== false) { var so = w.el.shadowOffset; this.constrainTo(w.container, { right: so, left: so, bottom: so }); } else if (w.constrainHeader !== false) { var s = this.proxy.getSize(); this.constrainTo(w.container, { right: -(s.width - this.headerOffsets[0]), bottom: -(s.height - this.headerOffsets[1]) }); } }, endDrag: function(e) { this.win.saveState(); } });
这个代码加进去后,拖动时控件里的文件不再消失了,不过拖动的时候有些难看,没办法