Question

ztree 报init错怎么改

Answer 1

<script type="text/javascript">
var setting = {

callback: {
onClick: zTreeOnClick,
onCheck: zTreeOnCheck
},
check: {
enable: true,
chkStyle: "radio",
radioType: "level"
},
view: {
showLine: false
},
data: {
simpleData: {
enable: true
}
}
};

//var setting = {
// check: {
// enable: true,
// chkStyle: "radio",
// radioType: "all",

// },
// data: {
// simpleData: {
// enable: true
// }
// },
// view: {
// showLine: false
// },
// callback: {
// onClick: zTreeOnClick,
// onCheck: zTreeOnCheck,

// }
//};
//点击节点事件
//点击节点选中单选框
function zTreeOnClick(event, treeId, treeNode) {
$("#ArticlesCategoryId").val(treeNode.id);
$("#ArticlesCategorytext").val(treeNode.name);

//alert(treeNode.tId + ", " + treeNode.name + "," + treeNode.checked);

var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
var nodes = treeObj.getSelectedNodes();
for (var i = 0, l = nodes.length; i < l; i++) {
treeObj.checkNode(nodes[i], "",true, true);
}
//判断如果取消选中节点 还有没有选中的节点， 如果没有选中取消的节点
var nodes = treeObj.getCheckedNodes(true);
if (nodes.length <= 0)
{
var nodes = treeObj.getSelectedNodes();
for (var i = 0, l = nodes.length; i < l; i++) {
treeObj.checkNode(nodes[i], "", true, true);
}
}
}
//点击单选框事件
function zTreeOnCheck(event, treeId, treeNode) {
//alert(treeNode.tId + ", " + treeNode.name + "," + treeNode.id);
$("#ArticlesCategoryId").val(treeNode.id);
$("#ArticlesCategorytext").val(treeNode.name);
//判断如果取消选中节点 还有没有选中的节点， 如果没有选中取消的节点
var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
var nodes = treeObj.getCheckedNodes(true);
if (nodes.length <= 0)
{
treeObj.checkNode(treeObj.getNodeByParam("id", treeNode.id, null), "", true, true);
}

}

zNodes = [
<% = NodesData %>
];
var code;
function setCheck() {
var type = $("#level").attr("checked") ? "level" : "all";
setting.check.radioType = type;
showCode('setting.check.radioType = "' + type + '";');
$.fn.zTree.init($("#treeDemo"), setting, zNodes);

}
function showCode(str) {
if (!code) code = $("#code");
code.empty();
code.append("<li>" + str + "</li>");
}

$(document).ready(function () {
setCheck();
$("#level").bind("change", setCheck);
$("#all").bind("change", setCheck);
var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
var nodes = treeObj.getNodes();
treeObj.checkNode(nodes[0], "",true, true);
treeObj.selectNode(nodes[0])
zTreeOnCheck("", nodes[0].id, nodes[0]);
});
</script>

这个是我当时 写的 可能比较多。 你要去 看看api 都是有例子的我记得。