ztree插件的使用
2015-03-03 00:00
162 查看
摘要: 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; } } }
相关文章推荐
- JQuery插件使用ZTree创建一个树
- zTree:JQuery树形插件使用示例
- ztree插件简单使用
- 关于zTree插件的使用
- jquery树形插件zTree高级使用
- jquery插件-zTree 使用出现- NotSupportedError: DOM Exception 9 错误
- Ztree分级插件的使用总结
- 在AngularJS中使用jQuery的zTree插件的方法
- zTree插件下拉树使用入门教程
- 三、jq前端树插件ztree使用
- 使用ztree插件时,ie8下不能拖动的问题
- 使用ztree插件实现前端树状结构
- jQuery ztree 树插件的使用
- 在AngularJS中使用jQuery的zTree插件的方法
- openstack页面自定义插件使用详解(django、ajax、post)(zTree为例)
- 无限树Jquery插件zTree的使用方法
- jQuery树形菜单,使用zTree插件,异步加载 & 编辑功能&Check 共存
- jQuery使用zTree插件实现树形菜单和异步加载
- 使用ztree.js,受益一生,十分钟学会使用tree树形结构插件
- ztree插件使用实例