Maison >Java >javaDidacticiel >Utilisation du plug-in d'arborescence zTree--Introduction à la méthode de chargement asynchrone
Utilisation du plug-in d'arborescence zTree--Introduction à la méthode de chargement asynchrone
- 零下一度original
- 2017-06-26 14:45:432056parcourir
<!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>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层代码，可以直接复制使用
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=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!