Utilisation du plug-in d'arborescence zTree--Introduction à la méthode de chargement asynchrone-javaDidacticiel-php.cn

Utilisation du plug-in d'arborescence zTree--Introduction à la méthode de chargement asynchrone

零下一度

Libérer： 2017-06-26 14:45:43

original

2027 Les gens l'ont consulté

<!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.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>

Copier après la connexion

Ce qui précède est le code de la page jsp Parce qu'il s'agit d'un pur test de plug-in, vous pouvez directement copier le code utilisé dans le passé,

action层代码，可以直接复制使用

Copier après la connexion

    public void getMenusById(){
        List<Ztree> list=null;try {
            list=ztreeService.getMenusById(ztree);
        } catch (Exception e) {
            e.printStackTrace();
        }super.writeJson(list);
    }

Copier après la connexion

 List<Ztree> getMenusById(Ztree ztree)  Exception;
//接口

Copier après la connexion

"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=

Copier après la connexion

Il n'est pas nécessaire d'écrire la couche dao, c'est juste une requête en dessous de I. attachez les champs de la table de ztree

J'espère que cela pourra aider tout le monde. C'est le code de test lorsque j'apprendrai le plug-in ztree. encore une fois. La version annotée du framework ssh n'a pas été essayée dans d'autres frameworks mais une fois que vous avez compris comment l'utiliser, ça devrait aller, je pense que vous êtes tous bien meilleurs que moi. Pas un maître, juste un partage. Dieu, ne vaporise pas ~~~~~~~~~~

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!