BlogJava-eagle-随笔分类-extjs

extjs 面向对象实践

月下孤城 — Fri, 17 Jul 2009 15:31:00 GMT

摘要: extjs 表单面向对象继承实现阅读全文

月下孤城 2009-07-17 23:31 发表评论

extjs 树节点图标动态更新

月下孤城 — Wed, 01 Jul 2009 13:26:00 GMT

需求说明：
最近项目有个实现web Im的需求，我们知道对于聊天用户中人员在上下线时，用户图标会呈现不同的状态。为给用户好的体验，
在用户下线时需实现，1.用户信息置灰；2.换上线图标为下线图标.

代码实现：
/**
* treeNode ext TreeNode对象
* oldIconCls 原图标css名
* newIconCls 新图标css名
*/
function updateTreeNodeIcon(treeNode,oldIconCls,newIconCls){
      if(!treeNode)
           return;
          /*获得树节点 html页面元素对象*/
      var imgHtmlEl = treeNode.getUI().getIconEl();
      /*设置树节点新图标css*/
      treeNode.iconCls = newIconCls;
      Ext.Element.fly(imgHtmlEl).removeClass(oldIconCls);// @1
      Ext.Element.fly(imgHtmlEl).addClass(newIconCls);
}

说明：注意在上面代码'@1'处删除'原图标css'时先要转换html对象(imgHtmlEl)为ext中的Element对象.树节点图标替换后,可以使用TreeNode
           disable()/enable()方法使节点置灰/正常状态.

月下孤城 2009-07-01 21:26 发表评论

js页面窗口悬浮实现

月下孤城 — Wed, 01 Jul 2009 13:23:00 GMT

需求：在设计web页面时，有时会让某个窗口悬浮在页面某侧，并随浏览器滚动做相应浮动。

代码：
html代码

悬浮页面

js代码
/*会话面板悬浮*/
window.onscroll = function () {
        var div = document.getElementById("chatDiv");
        div.style.top = document.body.scrollTop;
    };
    window.onresize = window.onscroll;
    window.onscroll();

说明：html代码中css设置id为chatDiv的div元素显示位置.js代码实现浏览器滚动条滚动与div显示位置。

月下孤城 2009-07-01 21:23 发表评论