zTree 父节点选中,子节点没有级联选中
ztree吧
全部回复
仅看楼主
level 5
KungFu_star 楼主
var zNodes;
var code;
var zTree;
var setting = {
check: {
enable: true,
chkStyle: "checkbox",
chkboxType: { "Y" : "ps", "N" : "ps" }
},
data: {
simpleData: {
enable: true
}
}
};
function setCheck() {
//zTree = $.fn.zTree.getZTreeObj("relTree"),
//py = $("#py").attr("checked")? "p":"",
//sy = $("#sy").attr("checked")? "s":"",
//pn = $("#pn").attr("checked")? "p":"",
//sn = $("#sn").attr("checked")? "s":"",
//type = { "Y":py + sy, "N":pn + sn};
//zTree.setting.check.chkboxType = type;
//showCode('setting.check.chkboxType = { "Y" : "' + type.Y + '", "N" : "' + type.N + '" };');
zTree = $.fn.zTree.getZTreeObj("relTree"),
py = $("#py").attr("checked")? "p":"",
sy = $("#sy").attr("checked")? "s":"",
pn = $("#pn").attr("checked")? "p":"",
sn = $("#sn").attr("checked")? "s":"",
type = { "Y":py + sy, "N":pn + sn};
zTree.setting.check.chkboxType = type;
showCode('setting.check.chkboxType = { "Y" : "' + type.Y + '", "N" : "' + type.N + '" };');
}
function showCode(str) {
if (!code) code = $("#code");
code.empty();
code.append("<li>"+str+"</li>");
}
function fuzhi(data) {
zNodes = eval("(" + data + ")");
//$.fn.zTree.init($("#relTree"), setting, zNodes);
//setCheck();
//$("#py").bind("change", setCheck);
//$("#sy").bind("change", setCheck);
//$("#pn").bind("change", setCheck);
//$("#sn").bind("change", setCheck);
$.fn.zTree.init($("#relTree"), setting, zNodes);
setCheck();
$("#py").bind("change", setCheck);
$("#sy").bind("change", setCheck);
$("#pn").bind("change", setCheck);
$("#sn").bind("change", setCheck);
}
function getCheckBox(){
var treeChecked = zTree.getNodes();
$("#checkList").val($.toJSON(treeChecked));
$('#chooseResourcesModal').modal('hide');
alert($("#checkList").val());
//var obj =[{"name":"项海军","password":"123456"},{"width":10,"height":20}];
// $("#result").html("------------遍历对象 .each的使用-------------");
// alert(obj);//是个object元素
// //下面使用each进行遍历
// $.each(obj,function(n,value) {
// alert(n+' '+value);
// });
}
/**
* 用户添加角色
*/
function editRoleRescource() {
$("#modal_body").load(ctx + "/roleRes/findResource.html", '', function(data){
fuzhi(data);
$('#chooseResourcesModal').modal({
backdrop:false,
keyboard:false,
show:true
});
});
}
以上是我的JS代码,操作 ztree ,但是不知道为什么,父节点选中,子节点没有选中,代码和官方demo一样,求大神指教
2014年06月13日 11点06分 1
level 11
检查 chkboxType
2014年06月15日 09点06分 2
这个属性,我已经设置了,全是原样的代码,数据都是zTree 自带的,只要拿到我的工程里边,就不会级联选中
2014年06月15日 09点06分
树哥,你这个回答太宽泛了,而且你是仔细看了我的代码的吗?这个属性我已经设置了,我的代码和官方代码一模一样,只要拿到官方demo 里边运行,就可以级联选择,只要拿到我的项目中,就不能级联选择,我怀疑是环境影响的问题
2014年06月15日 09点06分
回复 KungFu_star :你这么一说,如果不去你公司,我都没法知道是什么问题了。。。但这不现实,所以你需要更加仔细的查找问题,检查代码中初始化 zTree 时的数据是否正确, 检查勾选时的 勾选设置是否正确,检查js 代码是否有报错。 另外 使用 zTree 未压缩的版本,可以调试呀。。。。
2014年06月22日 12点06分
@zTreeAPI } 重点是py,sy,pn,sn后面的最后四个字母自己填上!!而不是拷贝 var setting = { check: { enable: true, chkStyle: "checkbox", chkboxType: { "Y" : "ps", "N" : "ps" } },
2016年03月10日 06点03分
level 1
function setCheck() {
var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
py = $("#py").attr("checked")? "p":"s",
sy = $("#sy").attr("checked")? "s":"p",
pn = $("#pn").attr("checked")? "p":"s",
sn = $("#sn").attr("checked")? "s":"p",
type = { "Y":py + sy, "N":pn + sn};
zTree.setting.check.chkboxType = type;
showCode('setting.check.chkboxType = { "Y" : "' + type.Y + '", "N" : "' + type.N + '" };');
}
重点是py,sy,pn,sn后面的最后四个字母自己填上!!而不是拷贝
var setting = {
check: {
enable: true,
chkStyle: "checkbox",
chkboxType: { "Y" : "ps", "N" : "ps" }
},
2016年03月10日 06点03分 3
[大拇指]
2016年08月10日 12点08分
2017年01月21日 07点01分
1