jquery中EasyUI实现异步树


Posted in Javascript onMarch 01, 2015

前台使用EasyUI实现 . EasyUI向后台传递一个id参数 .

第一次加载 , 向后台传递的id为null .

之后每次将树节点展开 , 会向后台传递一个当前节点的 id .

Control层 :

 /**

  * tree

  */

 @RequestMapping(value = "/tree.do")

 public void mytree(HttpServletResponse response, String id) {

  this.writeJson(response, bookService.getChildrenTree(id));

 }

Service层 :

 @Transactional

 @Override

 public List<Tree> getChildrenTree(String pid) {

  try {

   List<Tree> result = new ArrayList<Tree>();

   //获得儿子节点的列表

   List<TBookType> childrenList = this.getChildrenType(pid);

   if (childrenList != null && childrenList.size() > 0) {

    for (TBookType child : childrenList) {

     // 获取孙子的个数

     long count = bookDao.getChildrenCount(String.valueOf(child.getId()));

     Tree node = new Tree();

     node.setId(String.valueOf(child.getId()));

     node.setPid(String.valueOf(child.getPid()));

     node.setText(child.getName());

     node.setChildren(null);

     node.setState(count > 0 ? "closed" : "open");

     //将儿子列表childrenList数据逐个存到树当中

     result.add(node);

    }

   }

    return result; 

  } catch (Exception e) {

   throw new BusinessException("获取图书类型数据出现错误!", e);

  }

 }

Dao层 :

 @Override

 public List<TBookType> getChildrenType(String pid) {

 //这个的pid就是当前展开节点的id , 通过父节点的 id 来获得子节点

 StringBuilder sqlstr = new StringBuilder();

  if (StringUtils.isBlank(pid))

   sqlstr.append("select * from booktype bt where bt.pid=0");

  else

   sqlstr.append("select * from booktype bt where bt.pid=" + pid );

  return this.search2(TBookType.class, sqlstr.toString());

 }
 @Override

 public long getChildrenCount(String pid) {

 //这个的pid就是当前展开节点的id , 通过父节点的 id 来获得子节点的个数

  StringBuilder sqlstr = new StringBuilder();

  if (StringUtils.isBlank(pid))

   sqlstr.append("select count(*) from booktype tb where tb.pid='0'");

  else

   sqlstr.append("select count(*) from booktype tb where tb.pid='" + pid + "'");

  return this.count(sqlstr.toString());

 }

 

以上所述就是本文关于EasyUI实现异步树的全部代码了,希望对大家能有所帮助

Javascript 相关文章推荐
摘自百度的图片轮换效果代码
Nov 19 Javascript
Javascript 实用小技巧
Apr 07 Javascript
jQuery实战之仿淘宝商城左侧导航效果
Apr 12 Javascript
jquery 跨域访问问题解决方法(笔记)
Jun 08 Javascript
JavaScript在网页中画圆的函数arc使用方法
Nov 13 Javascript
jQuery使用正则表达式限制文本框只能输入数字
Jun 18 Javascript
Angular2搜索和重置按钮过场动画
May 24 Javascript
Angular2里获取(input file)上传文件的内容的方法
Sep 05 Javascript
提升页面加载速度的插件InstantClick
Sep 12 Javascript
Vue封装一个简单轻量的上传文件组件的示例
Mar 21 Javascript
vue读取本地的excel文件并显示在网页上方法示例
May 29 Javascript
JavaScript中变量提升机制示例详解
Dec 27 Javascript
jquery中EasyUI实现同步树
Mar 01 #Javascript
firefox浏览器用jquery.uploadify插件上传时报HTTP 302错误
Mar 01 #Javascript
jquery.uploadify插件在chrome浏览器频繁崩溃解决方法
Mar 01 #Javascript
深入分析Cookie的安全性问题
Mar 01 #Javascript
浅谈JavaScript事件的属性列表
Mar 01 #Javascript
浅析javascript中的DOM
Mar 01 #Javascript
javascript中的正则表达式使用指南
Mar 01 #Javascript
You might like
zend framework框架中url大小写问题解决方法
2014/08/19 PHP
PHP向socket服务器收发数据的方法
2015/01/24 PHP
PHP 9 大缓存技术总结
2015/09/17 PHP
php实现在线通讯录功能(附源码)
2016/05/13 PHP
tp5.1框架数据库子查询操作实例分析
2020/05/26 PHP
Extjs Gird 支持中文拼音排序实现代码
2013/04/15 Javascript
js 获取和设置css3 属性值的实现方法
2013/05/06 Javascript
单击浏览器右上角的X关闭窗口弹出提示的小例子
2013/06/12 Javascript
javascript:FF/Chrome与IE动态加载元素的区别说明
2014/01/26 Javascript
jquery根据属性和index来查找属性值并操作
2014/07/25 Javascript
node.js中的buffer.Buffer.isBuffer方法使用说明
2014/12/14 Javascript
jQuery实现预加载图片的方法
2015/03/17 Javascript
CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法
2015/05/12 Javascript
JavaScript简单判断复选框是否选中及取出值的方法
2015/08/13 Javascript
Nodejs express框架一个工程中同时使用ejs模版和jade模版
2015/12/28 NodeJs
改变checkbox默认选中状态及取值的实现代码
2016/05/26 Javascript
浅谈js中的变量名和函数名重名
2017/02/13 Javascript
jquery将标签元素的高设为屏幕的百分比
2017/04/19 jQuery
微信小程序如何获取openid及用户信息
2018/01/26 Javascript
深入理解js A*寻路算法原理与具体实现过程
2018/12/13 Javascript
小程序中canvas的drawImage方法参数使用详解
2019/07/04 Javascript
解决vue无法侦听数组及对象属性的变化问题
2020/07/17 Javascript
解决VUE自定义拖拽指令时 onmouseup 与 click事件冲突问题
2020/07/24 Javascript
vue flex 布局实现div均分自动换行的示例代码
2020/08/05 Javascript
python列出目录下指定文件与子目录的方法
2015/07/03 Python
Python 实现数据库(SQL)更新脚本的生成方法
2017/07/09 Python
python爬虫获取京东手机图片的图文教程
2017/12/29 Python
Shopee马来西亚:随拍即卖,最佳行动电商拍卖平台
2017/06/05 全球购物
加拿大时尚潮流大码女装购物网站:Addition Elle
2018/04/02 全球购物
澳大利亚排名第一的在线酒类商店:MyBottleShop
2018/04/26 全球购物
家长评语大全
2014/01/22 职场文书
回门宴父母答谢词
2014/01/26 职场文书
暑假家长评语大全
2014/04/17 职场文书
完美的中文自荐信
2014/05/24 职场文书
运动员加油词
2015/07/18 职场文书
MySQL数据库⾼可⽤HA实现小结
2022/01/22 MySQL