问题背景:

使用ztree删除节点之前,询问用户是否删除,采用confirm进行询问的时候,该语句是具有阻塞性的,用户操作后,才返回结果,继续执行。但是,现在希望使用layerUI的layer.confirm的样式,因为它不具有阻塞性,其后的代码都直接执行了。

解决方法:

在beforeRemove函数的最后,通过return false 来禁掉onRemove删除节点的执行,而是在layer.confirm的回调中,进行手动删除

ztree插件删除节点之前的询问框使用layer.confirm的方法

beforeRemove: function(treeId, treeNode) {
	var zTree = $.fn.zTree.getZTreeObj(treeId);
    //return confirm("确认删除 节点 -- " + treeNode.name + " 吗?");
	//采用layer的确认弹框
	layer.confirm("确认删除 节点 -- " + treeNode.name + " 吗?", {
	  btn: ['是','否']
	}, function(index){
		zTree.removeNode(treeNode);
		layer.close(index);
	}, function(index){
		layer.close(index);
	});
	return false;
},

参考文档:http://www.treejs.cn/v3/api.php
参考链接:https://blog.csdn.net/LYM0721/article/details/82183580

相关文章:

  • 2022-12-23
  • 2021-10-05
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-07-25
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-06-13
  • 2021-06-28
  • 2022-12-23
  • 2021-09-22
  • 2021-09-19
相关资源
相似解决方案