dhtmlxTree 加载大数据量树

2021-07-14 23:06

阅读：392

// load the first level of the tree
　　　　
二、项目中实际运用
　　1. 先在页面导入dhtmlXTree的js，https://docs.dhtmlx.com
　　2. dhtmlXTree初始化，在界面中：
　　　　
　　　　　　

　　　　
　　　　
　　　3. 后台方法：
　　　　　public String getTree(String id, HttpServletResponse servletResponse){

       servletResponse.setContentType("text/xml;charset=UTF-8");    //中文乱码解决方法
       if(StringUtils.isEmpty(id)){
           return null;
       }
       StringBuilder sBuilder = new StringBuilder();
       sBuilder.append(""); //设置xml头
       if("0".equals(id)){
           //第一次加载根节点
           sBuilder.append("");
           sBuilder.append("");
       }else{
　　　　　　　//点击加号时动态加载子节点
           sBuilder.append("           sBuilder.append(">");
           List> nodeList = customReportService.queryTree(id);
           for (Map map : nodeList) {
               sBuilder.append("                sBuilder.append(" id = ");
               sBuilder.append("\"" + map.get("ID").toString() + "\"");
               sBuilder.append(" child=\"1\" /> ");
           }
           sBuilder.append("");
       }
       return sBuilder.toString();
   }
　　4. 需注意的属性
　　　　open为任意值表示打开节点(当打开所有节点时，会不断自动加载下级节点，页面会滚动。建议只打开根节点展示一级的数据。点击加号自动再去加载下级节点)
　　　　checked为任意值表示选择节点
　　　　child为1表示有子节点

参考https://docs.dhtmlx.com/tree__increasing_tree_s_performance.html官方文档
　　　　
　　　　

上一篇：网络编程 -- RPC实现原理 -- Netty -- 迭代版本V3 -- 编码解码

下一篇：CSS（三）解析盒子模型的浮动

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：dhtmlxTree 加载大数据量树
文章链接：http://soscw.com/index.php/essay/105313.html

亲，登录后才可以留言！

dhtmlxTree 加载大数据量树

评论

热门文章

推荐文章

最新文章

置顶文章