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
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一样,求大神指教