首页 ┆ 网站地图 ┆ 在线留言 ┆ 游戏资讯 ┆ 资源下载 ┆ 端午节祝福 ┆ 迅雷在线影视 ┆淘宝手机在线充值 ┆淘宝游戏点卡充值 
设为首页
加入收藏
联系我们
高级搜索
您当前的位置: 主页>编程相关>JAVASCRIPT>实例讲解Ext Js生成动态树,附源码
实例讲解Ext Js生成动态树,附源码
来源: 发布时间:2008-09-08 发布人: 浏览: 人次   字体: [ ]  

3. 展开子节点的代码

/*****************************************
             展开节点
*****************************************/
function myExpand(node){
    if(node.id=='1'){
    if(node.item(0)==undefined){
            node.appendChild(new Ext.tree.TreeNode({
        id:node.id+'1',
        text:node.text+"的第一个儿子",
        hrefTarget:"mainFrame",
        listeners:{//监听
          "click":function(node,e){
            expand2(node)
            }
        }
        }));
    }

    node.expand();

    }else if(node.id=='2'){
        node.appendChild(new Ext.tree.TreeNode({
        id:node.id+'2',
        text:node.text+"的第一个儿子",
        hrefTarget:"mainFrame",
        listeners:{//监听
          "click":function(node){
            expand2(node)
            }
        }
        }));
    }else{
        alert(node.id+"没有子部门了");
    }     
}
     读者可以自己运行一下如上代码,会发现如下现象:无论点击“子公司1”多少次,只会列出“子公司1的第一个儿子”一个节点,而每点击一次“子公司2”,就会多出一个“子公司2的第一个儿子”节点,这是为什么呢?
 
因为每次点击都会激发myExpand函数,而“子公司1”上加了node.item(0)==undefined的判断,这里明白了?

即:如果该部门下没有子部门,则载入子部门,否则只展开,不重新载入。


共2页: 上一页 [1] 2 下一页
相 关 文 章   发布商链接
·javascript解决PNG格式的图片文件对...
·实例讲解javascript验证日期格式的代...
·javascript如何给span标签赋值?
·几个在程序开发中经常用到的javascri...
·javascript实现定时刷新页面的代码共...
·javascript实现WEB页面导出为EXCEL或...
·Javascript实现的随机点名代码,附有...
·当form表单提交的是name而不是id时报...
·如何在静态页面中利用javascript读取...
·javascript实现页面跳转的五种方法大...
 §最新评论:(评论内容只代表网友观点,与本站立场无关!)
网名: 验证码:  【所有评论】【↑返回顶部
评 分: 12 345
评论内容:(不能超过500字,请自觉遵守互联网相关政策法规。[按 Ctrl+Enter 可直接提交]
注意:请勿在本站发布政治话题、色情及违反法律的内容。
IT知道网 声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。
推 荐 文 章
·JS验证密码的强度级别代码实...
·javscript实现鼠标移到小图片
·如何在静态页面中利用javascr...
·javascript实现WEB页面导出为...
·如何在兼容IE和Firefox的情况
·javascript读取本地excel文档
·javascript实现页面自动刷新...
·javascript解决iframe框架页...
·javascript实现网易邮箱多附...
·javascript实现模仿IE自动完...
·javacript实现关闭子窗口,刷...
·javascript脚本实现右键弹出...
·javascript结合Ajax制作的可...
·javascript实现页面载入等待...
·javascript实现一个IP只弹窗...
热 门 文 章
·Ext2.0框架的Grid使用介绍祥...
·JS实现多行的HTML静态表格分...
·javascript实现多张图片轮流...
·Adobe Reader利用javascript...
·javascript使用xml数据岛的简...
·javascript实现页面跳转的五...
·javascript读写TEXT文本文件...
·幻灯片焦点图片新闻显示调用f...
·javascript实现页面载入等待...
·javascript实现页面自动刷新...
·Javascript在IE和FireFox中的...
·javascript实现动态多附件上...
·鼠标右下角显示层,javascrip...
·javascript脚本实现右键弹出...
·javacript实现关闭子窗口,刷...
网站首页 - 关于本站 - 加入收藏 - 网站地图 - 友情连接 - 在线留言 - 联系我们 - 返回顶部
Copyright © 2007 IT知道网.[冀ICP备07026896号]. All Rights Reserved .