java ztree 异步加载_zTree树形插件使用--异步加载方法介绍

异步加载

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);

});

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

public void getMenusById(){

List list=null;try {

list=ztreeService.getMenusById(ztree);

} catch (Exception e) {

e.printStackTrace();

}super.writeJson(list);

}

List getMenusById(Ztree ztree) Exception;

//接口

"ztreeService" ZtreeServiceImpl List queryList(Ztree ztree) =" from Ztree where 1=1 " params = HashMap(ztree.getId()!=+=" and id = :id ""id" List getMenusById(Ztree ztree) =" from Ztree where 1=1 " params= HashMap(ztree.getId()==||ztree.getId().equals(""+=" and pid is null "+= " and pid = :id ""id" queryZtree = list= ArrayList"true" queryBoolean(Ztree ztree) flag== " from Ztree where pid = :id " params= HashMap"id" queryZtree =(queryZtree!=&&queryZtree.size()>0=

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

164f6728c5340ef29b53c9e539821f6c.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您好,我理解您的问题是想要使用Javaztree实现两棵树之间的相互移动。 首先,您需要引入ztreeJavaScript 和 CSS 文件。 然后,您需要在页面创建两个 ztree,分别表示两棵树。可以通过 AJAX 加载树节点数据,也可以在页面直接定义节点数据。 接着,您需要为两个 ztree 绑定拖拽事件。在拖拽结束后,通过获取被拖拽节点的信息,将节点从一棵树移除,并添加到另一棵树。 以下是一个简单的示例代码: ```javascript // 定义 ztree 的配置 var setting = { view: { dblClickExpand: false }, data: { key: { name: "nodeName" }, simpleData: { enable: true, idKey: "nodeId", pIdKey: "parentNode", rootPId: null } }, callback: { onDrop: function(event, treeId, treeNodes, targetNode, moveType) { // 获取被拖拽节点的信息 var node = treeNodes[0]; var nodeId = node.nodeId; var nodeName = node.nodeName; var parentNode = node.parentNode; // 将节点从一棵树移除 var treeObj = $.fn.zTree.getZTreeObj(treeId); treeObj.removeNode(node); // 添加节点到另一棵树 var targetTreeObj = $.fn.zTree.getZTreeObj(targetNode.treeId); var targetNodeObj = targetTreeObj.getNodeByTId(targetNode.tId); targetTreeObj.addNodes(targetNodeObj, { nodeId: nodeId, nodeName: nodeName, parentNode: targetNodeObj.nodeId }); } } }; // 创建两个 ztree var tree1Nodes = [ {nodeId: 1, nodeName: "节点1", parentNode: null}, {nodeId: 2, nodeName: "节点2", parentNode: 1}, {nodeId: 3, nodeName: "节点3", parentNode: 1} ]; var tree2Nodes = [ {nodeId: 4, nodeName: "节点4", parentNode: null}, {nodeId: 5, nodeName: "节点5", parentNode: 4}, {nodeId: 6, nodeName: "节点6", parentNode: 4} ]; $.fn.zTree.init($("#tree1"), setting, tree1Nodes); $.fn.zTree.init($("#tree2"), setting, tree2Nodes); ``` 在上面的示例代码,我们定义了一个名为 `setting` 的 ztree 配置对象,并将其应用到两个 ztree 上。在 `onDrop` 回调函数,我们获取被拖拽节点的信息,并将其移动到目标树。 希望这个示例可以帮助到您。如果您有任何问题,请随时提出。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值