jquery ztree 设置勾选_zTree 勾选checkbox

本文介绍了如何使用jQuery插件zTree来设置和管理节点的勾选状态。通过示例代码展示了如何初始化zTree、获取选中节点、全选、全取消、选中指定节点、禁用和启用节点的功能。此外,还包含了添加、更新和删除节点的方法。
摘要由CSDN通过智能技术生成

var setting = {

check: {

enable: true

//        chkboxType : { "Y" : "", "N" : "" }

},

data: {

simpleData: {

enable: true

}

}

};

function createTree () {

var zNodes;

$.ajax({

url: 'Handler.ashx?action=GetModule', //url  action是方法的名称

data: { id: "11" },

type: 'POST',

dataType: "text", //可以是text,如果用text,返回的结果为字符串;如果需要json格式的,可是设置为json

ContentType: "application/json; charset=utf-8",

success: function (data) {

zNodes = data;

$.fn.zTree.init($("#treeDemo"), setting, eval('(' + zNodes + ')'));

},

error: function (msg) {

alert("失败");

}

});

}

//获取所有选中节点的值

function GetCheckedAll() {

var treeObj = $.fn.zTree.getZTreeObj("treeDemo");

var nodes = treeObj.getCheckedNodes(true);

var msg = "name--id--pid\n";

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

msg += nodes[i].name+"--"+nodes[i].id+"--"+nodes[i].pId+"\n";

}

$("#msg").val();

$("#msg").val(msg);

}

//全选

function CheckAllNodes() {

var treeObj = $.fn.zTree.getZTreeObj("treeDemo");

treeObj.checkAllNodes(true);

}

//全取消

function CancelAllNodes() {

var treeObj = $.fn.zTree.getZTreeObj("treeDemo");

treeObj.checkAllNodes(false);

}

//选中指定的节点

function AssignCheck() {

var treeObj = $.fn.zTree.getZTreeObj("treeDemo");

//        var nodes = treeObj.getNodes();

treeObj.checkNode(treeObj.getNodeByParam("id", "000100010002", null), true, true);

treeObj.checkNode(treeObj.getNodeByParam("id", "0001000100010001000100010001", null), true, true);

}

//禁用、解禁选中节点

function Disabled1() {

var treeObj = $.fn.zTree.getZTreeObj("treeDemo");

var nodes = treeObj.getCheckedNodes();

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

treeObj.setChkDisabled(nodes[i], true);

}

}

function Disabled2() {

var treeObj = $.fn.zTree.getZTreeObj("treeDemo");

var nodes = treeObj.getCheckedNodes();

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

treeObj.setChkDisabled(nodes[i], false);

}

}

function Add() {

}

function AddChild() {

}

function Update() {

}

function Delete() {

}

function DeleteAll() {

}

$(document).ready(function () {

createTree();

$("#btn_GetCheckedAll").click(GetCheckedAll);

$("#btn_CheckAllNodes").click(CheckAllNodes);

$("#btn_CancelAllNodes").click(CancelAllNodes);

$("#btn_AssignCheck").click(AssignCheck);

$("#btn_Disabled1").click(Disabled1);

$("#btn_Disabled2").click(Disabled2);

$("#btn_Add").click(Add);

$("#btn_AddChild").click(AddChild);

$("#btn_Update").click(Update);

$("#btn_Delete").click(Delete);

$("#btn_DeleteAll").click(DeleteAll);

//$.fn.zTree.init($("#treeDemo"), setting, zNodes);

});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值