javascript - easyUI 树形列表 想实现 类似于according 的效果 怎么办?
PHP中文网
PHP中文网 2017-04-11 12:41:48
[JavaScript讨论组]

easyUI 树形列表 想实现 点击当期节点 子节点显示,点击另一个节点 其他节点的子节点隐藏 类似于according 的效果 怎么办?

后台的方法 父节点的数据 和 子节点的数据是分开获取的
加载方法是 easy UI tree 的框架。。。昨天试了一天 ,没有实现这个效果

请教高手 该怎么写?请输入代码

var url = "../../classstructure/getEquipmentTypeTree.do?&r="+new Date().getTime();
    $('#tt').tree( {
        url : url,
        checkbox:false,
        onLoadSuccess:function(node,data) {
            //alert(1);
//            setSysCombobox("assetnum","dm_isorno",0.35,2,'queryp');
            //console.log
            //(JSON.stringify(data));
            $("#unitlist li:eq(0)").find("p").addClass("tree-node-selected");
        },
        onClick : function(node) {//列表内容点击事件
            //console.log(node);
            //alert(1);
//            $("#10030600").datagrid('clearSelections'); // clear
//            queryUser();
            classstructureid = node.id;
            classstructureidName = node.text;
            queryClassAttrs(classstructureid);
            loadQueryForm(classstructureid);
//            if(node.attributes.type){
//                //$("#toolbar").hide();
//            }else{
//                $("#toolbar").show();
//            }
        },
        onBeforeExpand:function(node,param){
            console.log(node.id);
            $('#tt').tree('options').url = "../../classstructure/getClassTreeByEquipmentType.do?equipmenttype="+node.id; 
        $.ajax({
            url:"../../classstructure/getClassTreeByEquipmentType.do?equipmenttype="+node.id,
            type: "GET",
            dataType: "json",
            success:function(data){
                console.log(JSON.stringify(data));
                var son = '
    '; for(i = 0;i"; son += "
"; } var mm = $('#_easyui_tree_1'); mm.insertAfter(son); console.log(son); } }) } , onExpand:function(node,param){ return false; /*var self = this; var nn = $('#tt>li'); //alert($(this)); //console.log($(this)); nn.each(function(){ //alert(1); if(!$(this).find('ul')){ //console.log($(this).siblings('li')); //$(this).find('ul').css('display','none'); //$(this).siblings('li').find('ul').hide(); } if(($(this).siblings('li>ul'))){ console.log(1); $(this).siblings('li').children('ul').hide(); } });*/ } /*if(node){ var children = $("#tt").tree('getChildren',node.target); console.log(node.target.p); for (var i=0; i

感觉最主要的是 覆盖不掉 easyui 默认的方法。。。

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(1)
迷茫

树插件一般的数据格式都是好几层的,后台去弄吧,要不就别用树插件自己写方法模拟

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号