xml文件怎么生成ztree_jQuery树控件zTree使用方法详解(一)

var reloadFlag = false; //是否重新异步请求

var checkFlag = true; //是否选中

//节点展开前

function zTreeBeforeExpand(treeId,treeNode) {

reloadFlag = false;

return true;

};

//节点创建后

function zTreeOnNodeCreated(event,treeId,treeNode) {

var zTree = $.fn.zTree.getZTreeObj(treeId);

if (reloadFlag) {

if (checkFlag) {

zTree.checkNode(treeNode,true,true);

}

if (!treeNode.children) {

zTree.reAsyncChildNodes(treeNode,"refresh");

}

}

};

//选中节点前

function zTreeBeforeCheck(treeId,treeNode) {

var zTree = $.fn.zTree.getZTreeObj(treeId);

if (!treeNode.children) {

reloadFlag = true;

checkFlag = true;

zTree.reAsyncChildNodes(treeNode,"refresh");

}

return true;

}

//页面加载完成

_run(function () {

require(['zTree/js/jquery.ztree.all-3.5'],function () {

$.ajax({

type: "POST",success: function (data) {

if (data && data.length != 0) { //如果结果不为空

$.fn.zTree.init($("#tree"),setting,data);

}

else { //搜索不到结果

}

}

});

});

//提交

$("#inputSubmit").click(function () {

var zTree = $.fn.zTree.getZTreeObj("tree");

var nodes = zTree.getCheckedNodes(true);

var ids = "";

var names = "";

for (var i = 0; i < nodes.length; i++) { //遍历选择的节点集合

if (!nodes[i].isParent) {

ids += nodes[i].id.replace("level" + nodes[i].level,"") + ",";

names += nodes[i].name + ",";

}

}

Simpo.ui.Box.hideBox();

parent.$(".BoxFrm").contents().find("#inputRange").val(names.substr(0,names.length - 1));

parent.$(".BoxFrm").contents().find("#hidRange").val(ids.substr(0,ids.length - 1));

})

});

//查找节点

var lastNodeList = [];

var lastKey;

function searchNode() {

var zTree = $.fn.zTree.getZTreeObj("tree");

var key = $.trim($("#inputSearchNode").val());

if (key != "" && key != lastKey) {

nodeList = zTree.getNodesByParamFuzzy("name",key);

for (var i = 0,l = lastNodeList.length; i < l; i++) { //上次查询的节点集合取消高亮

lastNodeList[i].highlight = false;

zTree.updateNode(lastNodeList[i]);

}

zTree.expandAll(false); //全部收缩

if (nodeList.length > 0) {

for (var i = 0,l = nodeList.length; i < l; i++) { //遍历找到的节点集合

if (nodeList[i].getParentNode()) {

zTree.expandNode(nodeList[i].getParentNode(),false,false); //展开其父节点

}

nodeList[i].highlight = true;

zTree.updateNode(nodeList[i]);

}

}

zTree.refresh(); // 很重要,否则节点状态更新混乱。

lastNodeList = nodeList;

lastKey = key;

}

}

//加载数据

function loadData() {

var zTree = $.fn.zTree.getZTreeObj("tree");

var rootNodes = zTree.getNodes();

reloadFlag = true;

checkFlag = false;

for (var i = 0; i < rootNodes.length; i++) {

if (!rootNodes[i].children) {

zTree.reAsyncChildNodes(rootNodes[i],"refresh"); //异步加载

}

}

}

//全部收缩

function closeAll() {

var zTree = $.fn.zTree.getZTreeObj("tree");

if ($("#inputCloseAll").val() == "全部收缩") {

zTree.expandAll(false);

$("#inputCloseAll").val("全部展开")

}

else {

zTree.expandAll(true);

$("#inputCloseAll").val("全部收缩")

}

}

//高亮样式

function getFontCss(treeId,treeNode) {

return (treeNode.highlight) ? { color: "#A60000","font-weight": "bold"} : { color: "#333","font-weight": "normal" };

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值