Ext 一个聊天窗口的设计

最新推荐文章于 2011-06-19 11:12:27 发布

iteye_4865

最新推荐文章于 2011-06-19 11:12:27 发布

阅读量128

点赞数

分类专栏： extjs 文章标签： EXT 浏览器 HTML

extjs 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

1.关键是要弹性设计，自动适应浏览器

部件要:

height:auto = autoHeight:true

width:auto = autoWidth:true

父容器要：

overflow:auto = autoScroll : true

2. HtmlEditor 对于 ctr-enter 感应特殊处理，因为他是套在一个 iframe 里的

//event for source editing mode
   new Ext.KeyMap(Ext.getCmp("htmleditor").getEl(), [
   {
        key: 13,
        ctrl:true,
        stopEvent :true,
        fn: send
    }
]);
    
    
     //event for normal mode
Ext.getCmp("htmleditor").onEditorEvent = function(e){
   this.updateToolbar();
   var keyCode = (document.layers) ? keyStroke.which : e.keyCode;
   if (keyCode == 13 && e.ctrlKey) send(); //it'a my handler
}

示例代码：

放在 example/layout/chat.html