ztree通过ajax获取json并勾选checkbook
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了ztree通过ajax获取json并勾选checkbook，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2476字，纯文字阅读大概需要4分钟。
内容图文
这篇文章主要介绍了关于ztree通过ajax获取json并勾选checkbook，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下应上级要求，项目的树列表要用ztree，那就服从命令吧。
配置
var zTree;
var setting = {
view: {
dblClickExpand: false, //双击节点时，是否自动展开父节点的标识
showLine: true, //设置ztree是否显示节点之间的连线
selectedMulti: false, //设置是否允许同时选中多个节点
},
check: {
enable: true //设置ztree的节点是否显示checkbox/radio
},
data: {
simpleData: {
enable:true, //是否使用简单数据模式
idKey: "id", //节点数据中保存唯一标识的属性名称
pIdKey: "p_id", //节点数据中保存其父节点唯一标识的属性名称
rootPId: "" //用于修正根节点父节点的数据，即pIdKey指定的属性值
}
},
callback: {
onClick:function (e,treeId,treeNode,clickFlag) { //用于捕捉勾选时触发
zTree.checkNode(treeNode,!treeNode.checked,true);//勾选或取消勾选单个节点
}
}
};ajax
var zNodes ;
var select;
var selectarry=[]; //要勾选的id
var allnodes;
var t = $("#tree");
$.ajax({
type: "POST",
url: "...",//请求的后台地址
data: "name=John&location=Bpston",//前台传给后台的参数
dataType:"json",
ansync:false,
ContentType: "application/json; charset=utf-8",
success: function(msg){ //msg:返回值
// alert( msg.data );
zNodes=msg.data.list;
zNodes=eval(zNodes);
//zNodes=JSON.stringify(zNodes);
//console.log(zNodes);
//alert(zNodes)
t = $.fn.zTree.init(t, setting, zNodes);
var zTree2 = $.fn.zTree.getZTreeObj("tree");
selectarry=msg.data.nodes.split(",");
allnodes=zTree2.getNodes();
for(select=1;select<selectarry.length;select++)
{
allnodes[select]=msg.data.list[select];
}
console.log(allnodes);
//console.log(selectarry);
for(select=0;select<selectarry.length;select++)
{
zTree2.checkNode(zTree2.getNodesByParam("id",selectarry[select])[0],true);
}
}
});ps：
附展开、折叠、勾选、取消全部节点的方法
//展开和折叠
$("#ztreeExpandAll").click(function () {
$.fn.zTree.getZTreeObj("tree").expandAll(true);
});
$("#ztreeUnExpandAll").click(function () {
$.fn.zTree.getZTreeObj("tree").expandAll(false);
});
//勾选全部或取消全部
var clicknumber=1;
$("#checkall_deafult").click(function () {
if(clicknumber%2>0) {
// var treeObj = $.fn.zTree.getZTreeObj("tree");
zTree.checkAllNodes(true);
}
else {
// var treeObj = $.fn.zTree.getZTreeObj("tree");
zTree.checkAllNodes(false);
}
clicknumber++;
});以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！
相关推荐：
jQuery源码之异步机制的解析
以上就是ztree通过ajax获取json并勾选checkbook的详细内容，更多请关注Gxl网其它相关文章！
内容总结
以上是互联网集市为您收集整理的ztree通过ajax获取json并勾选checkbook全部内容，希望文章能够帮你解决ztree通过ajax获取json并勾选checkbook所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】