ztree插件的使用

            //查询已存的分类值
            List<Integer> cateids = storeBrandCategoryService.queryStoreCateIds(storeId);
            //查询分类列表
            List<Category> cateList = categoryService.queryTopCategory(cate_type);
            cateLoop(cateList,cateids);
            //转成josn串
            JSONArray arr = JSONArray.fromObject(cateList);
            String json = arr.toString();
            json = json.replaceAll("cate_id", "id").replaceAll("cate_name", "name")
                .replaceAll("subCategory", "nodes").replaceAll("hasCate", "checked");
            mv.addObject("zTreeNodes", json);

            private void cateLoop(List<Category> cateList,List<Integer> cateids){
                if(cateList != null && cateList.size() > 0){
                    for(Category cate : cateList){
                        List<Category> subCate = categoryService.querysubCategory(cate);
                        cate.setSubCategory(subCate);
                        cate.setHasCate(cateids.contains(cate.getCate_id()));
                        cateLoop(subCate,cateids);
                    }
                }
            }

jsp:
<script type="text/javascript" src="../js/zTree/jquery.ztree-2.6.min.js"></script>

            <div class="content tc">
                    <ul id="tree" class="tree" style="overflow:auto;"></ul>
            </div>
js:
var zTree;
$(document).ready(function(){
        var setting = {
                        showLine: true,
                        checkable: true
                    };
        var zTreeNodes = eval('${zTreeNodes}');
        zTree = $("#tree").zTree(setting, zTreeNodes);
    });

//取值:仅取叶子节点
        var nodes= zTree.getCheckedNodes(true);
        var tmpNode;
        var ids = "";
        for(var i=0; i<nodes.length; i++){
            tmpNode = nodes[i];
            if(!tmpNode.isParent){
                if(i!=nodes.length-1){
                    ids += tmpNode.id+",";
                }else{
                    ids += tmpNode.id;
                }
            }
        }


转载于:https://my.oschina.net/u/1582930/blog/381902

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值