Extjs[ver<=3.1.0] enter键发送跨浏览器解决 等相关问题
in Web前端 on extjs, javascript web 前端 - Hits()
聊天程序，enter键要发送同时清空编辑区:
Extjs textarea,
发现发送了后清空文本框后还是有个回车:
在chat里面的原因是截获事件后没有取消事件冒泡，导致先清空文本，最后残留的回车应该是事件冒泡产生的。
在ie里面设置event.keyCode = 8;[退格]即可
在火狐里面使用Ext包装的eventObject.preventDefault即可
==============================================
一下直接看源码可以分析出：
Ext panel要让它可拖动，可用draggable属性，但是如果没有设置panel的floating=true,则拖动后结束后还是会归原，可将 panel样式设置position:absolute即可.[这是wcsa里面出现的情况]，另一种是没有header(没有设置title),
见下注释:
extDialog = new Ext.Panel({
style : 'z-index:' + (Ext.WindowMgr.zseed - 20),
width : 760,
height : 532,
layout : 'border',
tbar : _tbar,//toolbar作为伪header,没有设置header
floating : true,//
renderTo : Ext.getBody(),
x : x,
y : y,
items : [_rightpnl, chatpanel, southpnl]
});
extDialog.on('show', function() {//由于要取toolbar的el属性，故在render之后才可以
extDialog.dd = new Ext.Panel.DD(extDialog, {//draggleble是普通的配置文档上的copy
insertProxy : false,
onDrag : function(e) {
var pel = this.proxy.getEl();
this.x = pel.getLeft(true);
this.y = pel.getTop(true);
},
endDrag : function(e) {
this.panel.setPosition(this.x, this.y);
}
});
extDialog.body.setStyle('cursor', '');//由于没有header,将body的cursor设置为了move,所以还原
_tbar.el.setStyle('cursor', 'move');//设置toolbar的cursor为move
extDialog.dd.setHandleElId(_tbar.el.dom.id);//这个是必要的，chat里面遇到的问题是利民的textarea得不到焦点（鼠标点击没反应），就是因为默认DD没有header,将整个body设置成了handler
});
这个解决方案在ie6下有问题，整个Extjs层无法点击，最后还是改用window来做就没问题。
=======================
chat里面遇到，右侧要写html dialog,发现火狐下再展开原来collapse的panel会导致原来写好的iframe 里面的html是空的，跟踪dom发现这个收缩的panel整个被remove了，再展开时extjs试图还原，对一般的这个没问题，对
嵌入iframe则有问题，查看源码估计是展开收缩动画造成的原因，将Panel animCollapse的设置为false就可以了.
floatable:false,则可以让折叠的panel必须要点按钮才可以展开[borderlayout.region]
extjs3.1.0之前
