• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

zTree树形插件使用–异步加载方法介绍

java 搞代码 4年前 (2022-01-09) 13次浏览 已收录 0个评论
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>异步加载</title><link rel="stylesheet"href="${pageContext.request.contextPath}/zTree_v3-master/css/demo.css?1.1.11"><link rel="stylesheet"href="${pageContext.request.contextPath}/zTree_v3-master/css/zTreeStyle/zTreeStyle.css?1.1.11"><script type="text/javascript"src="${pageContext.request.contextPath}/jquery-2.1.1.min.js?1.1.11"></script><script type="text/javascript"src="${pageContext.request.contextPath}/zTree_v3-master/js/jquery.ztree.core.min.js?1.1.11"></script><script type="text/javascript">var setting = {        async : {            enable : true,            url : "${pageContext<a style="color:transparent">本文来源gao($daima.com搞@代@#码(网5</a>.request.contextPath}/ztreeAction!getMenusById.jhtml",            autoParam : [ "id" ],//dataFilter : filter        },        data : {            key : {                url : "xUrl"},            simpleData : {                enable : true,                pIdKey : "pid"}        },    };    $(document).ready(function() {        $.fn.zTree.init($("#treeDemo"), setting);    });</script></head><body>    <div class="ztree"style="width: 20%; height: 500px; padding-top: 10px; float: left; border: 1px solid #FF0000;">        <ul id="treeDemo"></ul>    </div></body></html>

上面呢,是jsp页面的代码,因为是纯插件测试,可以直接复制过去使用的,

action层代码,可以直接复制使用
    public void getMenusById(){        List<Ztree> list=null;try {            list=ztreeService.getMenusById(ztree);        } catch (Exception e) {            e.printStackTrace();        }super.writeJson(list);    }
 List<Ztree> getMenusById(Ztree ztree)  Exception;//接口
"ztreeService"  ZtreeServiceImpl  List queryList(Ztree ztree) =" from Ztree where 1=1 "<String, Object> params =  HashMap<String, Object>(ztree.getId()!=+=" and id = :id ""id" List<Ztree> getMenusById(Ztree ztree) =" from Ztree where 1=1 "<String,Object> params= HashMap<String,Object>(ztree.getId()==||ztree.getId().equals(""+=" and pid is null "+= " and pid = :id ""id"<Ztree> queryZtree =<Ztree> list= ArrayList<Ztree>"true"  queryBoolean(Ztree ztree)  flag== " from Ztree where pid = :id "<String,Object> params= HashMap<String,Object>"id"<Ztree> queryZtree =(queryZtree!=&&queryZtree.size()>0=

dao层就不用写了吧,只是一个查询,下面我把ztree的表字段附上

希望可以帮到大家,这就是我再学习ztree插件时的测试代码,ssh框架注解版,在其他框架里还没有试过,但是了解了使用方法,应该都没问题,我相信你们都比我强的多。不是大神,只是分享一下。大神勿喷~~~~~~~~~~

以上就是zTree树形插件使用–异步加载方法介绍的详细内容,更多请关注搞代码gaodaima其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:zTree树形插件使用–异步加载方法介绍
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址