jstree的心得

实体类 : A 

属性: id  pid  name


后台数据库sql 

    最好写成一次性的查找,这样对数据库的访问就会少

    sql:    select * from 表名

这个是ssm框架

     后台写成递归的形式,将父集和子集都查出,注意递归写成封装的形式

    接口:FindMapper:  List<a> select();

    实现:public List<Map<String,Object>> select(){

        List<a> list = FindMapper.select ();

        return selectTree(list,"0");

        }

    递归私有化: private List<Map<String,Object>> selectTree( List<a> list ,String parentbh){

            List<Map<String,Object>> llist1  = new ArrayList<Map<String,Object>>();

            for(A a :list){

                       if(a.getpid().equals(parentbh)){

                    Map<String,Object> fatherMap = new HashMap<String,Object>();

                    //后台写好前台对应的格式,前台会自动获取并填值  

                  fatherMap.put("id",a.getid());

                    fatherMap.put("text",a.getname());

                    fatherMap.put("children",selectTree(list,a.getid()));//递归的调用

                    list1.add(fatherMap);

                }

        }

    return list1;

}

前端生成树

定义一个div  <div id="tree"></div>


function jstree(){

        $("#tree").jstree({

        'core':{

                'data':{

        'url':'' ,

        dataType:'json' ,

            'data'{

            //可往后台传参,也可以不传   

                 }      

            }

    },

'plugins':['checked'],//多选框

}).on('loaded.jstree',function(event,data){

    //写回掉函数

})

}



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值