用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - java代码库

tree 实现

2016-07-21 作者: dandan举报

[java]代码库

<mvc:resources location="/zTree-zTree_v3-master/"
        mapping="/zTree-zTree_v3-master/**"></mvc:resources>
 
 
 /***动态显示tab页面***********end*****陈丽娜**********2015-1-7****/
 
 
$(function(){
        $('#tt').tree({
             animate: false,
                state:"closed",
             url:"info/queryAll",
                  
             onClick: function(node){
                 addTab(node.text,'institution?id='+node.id+"&name="+node.text);
             },
             onContextMenu : function(e,node) { //右键时触发事件
                e.preventDefault(); //阻止浏览器捕获右键事件
                $(this).tree('select',node.target);
                $('#RightPointmenu').menu('show', {
                    //显示右键菜单
                    left : e.pageX,//在鼠标点击处显示菜单
                    top : e.pageY
                     
                });
 
                 
            },
            //数据加在完成后折叠起第二菜单
            onLoadSuccess:function(node,data){
                setTreeStyle();
 
            }
             
                    
        });
 
         
                 
    });
 
         
         
     
 
function setTreeStyle(){
 
     //查询一共有多少个信息节点
    var numCollege =  $(".tree-title").parent().parent().parent().length;
 
    //循环编译所有的二级学院,并将所有的节点设置成折叠其的状态
    for(i=2;i<numCollege ;i++)
    {
        $(".tree-title").parent().parent().parent().eq(i).css({"display":"none"})
    }
    //设置折叠的显示样式(easyUI需要的属性,是设置倒三角的样式)
    $(".tree-folder").removeClass("tree-folder-open");;
    $(".tree-hit").removeClass("tree-expanded")
    $(".tree-hit").addClass("tree-collapsed")
 
}


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...