<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>
ZTREE DEMO -
checkbox</TITLE>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="
zTreeStyle
.css" type="text/
css">
<script type="text/javascript" src="jquery-1
.4
.4
.min
.js"></script>
<script type="text/javascript" src="jquery
.ztree.core
.js"></script>
<script type="text/javascript" src="jquery
.ztree.excheck.js"></script>
<SCRIPT type="text/javascript">
var setting = {check: {enable: true},data: {simpleData: {enable: true}}};
var zNodes =[
{ id:1, pId:0, name:"全选", open:true},
{ id:11, pId:1, name:"报表", open:true},
{ id:111, pId:11, name:"报表管理",open:true},
{ id:112, pId:11, name:"报表概况",open:true},
{ id:12, pId:1, name:"我的", open:true},
{ id:121, pId:12, name:"修改密码",open:true},
{ id:122, pId:12, name:"意见反馈",open:true}
];
$(document)
.ready(function(){
$
.fn
.zTree.init($("#treeDemo"), setting, zNodes);
var
zTree = $
.fn
.zTree.get
ZTreeObj("treeDemo"),
type = { "Y":'ps', "N":'ps'};
zTree.setting
.check
.chkboxType = type;
});
function aa(){
var treeObj=$
.fn
.zTree.get
ZTreeObj("treeDemo");
nodes=treeObj
.getCheckedNodes(true);
var nodes1 = treeObj
.getNodes();
var aa1= treeObj
.transformToArray(nodes1);
for(var i=0; i < aa1
.length;i++){
var node = treeObj
.getNodeByParam("id",aa1[i]
.id );
treeObj
.checkNode(node,true,true);
treeObj
.updateNode(node);
}
}
</SCRIPT>
</HEAD>
<BODY>
<div class="content_wrap">
<div class="
zTreeDemoBackground left">
<ul id="treeDemo" class="
ztree"></ul>
</div>
<button value="dianji" onclick="aa()" />
</div>
</BODY>
</HTML>
本文介绍了解决ZTree中无法显示checkbox的问题方法。主要步骤包括检查ztreestyle.css文件中的图片路径设置，并进行相应的调整。通过这些操作，可以确保ZTree中的checkbox能够正常显示。
扫一扫
903
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
