jquery中EasyUI实现异步树
2018-10-12 14:02
405 查看
前台使用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中EasyUI实现异步树
- Jquery Ajax+EF+JqueryEasyUi实现的异步无刷新分页+MVC和EF的搭建
- Jquery easyui treegrid实现树形表格的行拖拽
- Jquery zTree结合Asp.net实现异步加载数据
- Jquery实现异步读取数据
- Jquery+Json+ajax实现异步查询显示数据
- Asp.net和Jquery实现用户信息异步验证
- MVC+Jquery easyui实现无限级部门示例
- jQuery file upload实现异步文件上传(带进度条)转载
- 黄聪:Jquery+php+ajax实现表单异步提交,动态添加回复评论
- jQuery-easyUI的使用:combo实现图片下拉选择器
- ASP MVC异步提交form表单,Jquery-easyui对话框,表单验证(jquery.validate)
- JQuery 异步实现ajax 参数
- Jquery fileupload和nodejs实现文件异步上传
- 使用jQuery.form插件,实现完美的表单异步提交【转发】
- jQuery EasyUI Combotree 实现ComboBox的内容过滤
- 利用jQuery 实现GridView异步排序、分页的代码
- 使用jQuery.form插件,实现完美的表单异步提交
- jquery easyui easyui-treegrid 使用异步加载数据