jquery easyui Create Async Tree (异步加载目录树)

最新推荐文章于 2021-08-05 14:54:48 发布

w375179337

最新推荐文章于 2021-08-05 14:54:48 发布

阅读量5.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery-easyui 文章标签： tree jquery string function url null

本文链接：https://blog.youkuaiyun.com/w375179337/article/details/5798739

jQuery-easyui 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个基于EasyUI的树形结构组件实现方法，包括前端如何通过jQuery配置树形组件并设置点击事件，以及后端如何响应前端请求返回JSON格式的数据。详细解释了在ID为空时初始化树形结构和ID存在时加载子节点的具体实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前台：

$('#div_tree').tree({
   checkbox: true,
   url: '<c:url value="/load.do?command=loadCarTreeNode"/>',
   onClick:function(node){
    $(this).tree('toggle', node.target);
   }

});

后台：

response.setContentType("text/json;charset=UTF-8");
   String strJson = "";
   if (request.getParameter("id") != null) {
    String strId = request.getParameter("id");
    strJson = JSONArray.fromObject(loadCtrl.queryCarNode(strId)).toString();
   }else {
    strJson = JSONArray.fromObject(loadCtrl.queryList()).toString();
   }
   response.getWriter().write(strJson);

如果传入的ID为空时，视为初始化加开目录树，

如果ID不为空时，则加载对应目录下的子目录，根据传处的Id号向后台加载对应的数据即可。