jquery中EasyUI实现异步树
更新时间:2015年03月01日 11:52:37 投稿:hebedich
前面我们分享了使用jquery中EasyUI实现同步树的代码,本文我们就来看下使用EasyUI实现异步树的方法和示例,希望小伙伴们能够喜欢。
前台使用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实现异步树的全部代码了,希望对大家能有所帮助
相关文章
jquery获取input type=text中的值的各种方式(总结)
下面小编就为大家带来一篇jquery获取input type=text中的值的各种方式(总结)。小编觉的挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-12-12扩展easyui.datagrid,添加数据loading遮罩效果代码
easyui可以说是轻量级的前端UI框架,更新到1.2.1支持更多的事件,方法和属性2010-11-11jQuery插件FusionCharts实现的2D面积图效果示例【附demo源码下载】
这篇文章主要介绍了jQuery插件FusionCharts实现的2D面积图效果,结合完整实例形式分析了FusionCharts绘制2D面积图的完整步骤与相关属性设置操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2017-03-03jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法
jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法,需要的朋友可以参考一下2013-05-05
最新评论