前端ztree树上一个下一个切换加定时播放下一个笔记:
<div style="margin : 0.5in;text-align:center">
<div style="text-align:center">
<button type="button" class="roll-nav roll-left tabLeft" onclick="before()">
<i class="fa fa-backward fa-2x"></i>
</button>
<span></span>
<span></span>
<button type="button" class="roll-nav" onclick="myFresh()" id="D">
<i class="fa fa-play fa-2x"></i>
</button>
<span></span>
<button type="button" class="roll-nav roll-right tabRight" onclick="after()">
<i class="fa fa-forward fa-2x"></i>
</button>
</div>
</div>
<div class="row">
</div>
ztree树的api文档寻找:
function before() {
// 获取树对象
var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
// /* 获取所有树节点 */
var nodesData = treeObj.transformToArray(treeObj.getNodes());
// //获取选中的节点
var selectedNodes = treeObj.getSelectedNodes();
if (selectedNodes.length == 0) {
alert("所选节点不是文件!");
} else {
if (selectedNodes[0].isFirstNode === true) {
alert("已经是第一个文件了,前面没有文件了小主儿!");
} else {
var index = contains(nodesData, selectedNodes[0]);
// var index = selectedNodes[0].getIndex();
var beforNode = nodesData[index - 1];
console.log(beforNode);
//前一个节点被选中
treeObj.selectNode(beforNode, true);
//取消选中状态
treeObj.cancelSelectedNode(selectedNodes[0]);
}
}
}
function after() {
// 获取树对象
var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
// /* 获取所有树节点 */
var nodesData = treeObj.transformToArray(treeObj.getNodes());
// //获取选中的节点
var selectedNodes = treeObj.getSelectedNodes();
console.log(selectedNodes);
if (selectedNodes.length == 0) {
alert("所选节点不是文件!");
} else {
if (selectedNodes[0].isLastNode === true) {
alert("已经是最后一个文件了,没有文件了小主儿!");
} else {
var afterNode = selectedNodes[0].getNextNode();
console.log(afterNode);
//前一个节点被选中
treeObj.selectNode(afterNode, true);
//取消选中状态
treeObj.cancelSelectedNode(selectedNodes[0]);
}
}
}
var i = 0;
var timer = null;
var status = 'N';
$(document).ready(function () {
myFresh();
});
function myFresh() {
if (status == 'Y') {
i = 0;
status = 'N';
clearInterval(timer);
} else if (status == 'N') {
status = 'Y';
timer = setInterval(function () {
i++;
if (i == 360) {
clearInterval(timer);
$.ajax({
url: prefix + "/findYear",
type: "post",
data: {"type": type},
cache: true,
success: function (result) {
if (themeLayer != undefined) {
themeLayer.remove();
}
if (polygon != null) {
polygon.remove();
popup.remove();
}
$("#orgName").val(result[0]);
createTheme(type, result[0]);
}
});
}
}, 1000);
}
}
新人编写,如有问题,请各位大牛留言指教!谢谢