最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

ztree通过ajax获取json并勾选checkbook

来源:动视网 责编:小采 时间:2020-11-27 19:33:57
文档

ztree通过ajax获取json并勾选checkbook

ztree通过ajax获取json并勾选checkbook:这篇文章主要介绍了关于ztree通过ajax获取json并勾选checkbook,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下应上级要求,项目的树列表要用ztree,那就服从命令吧。配置 var zTree; var setting = { view: { dblCli
推荐度:
导读ztree通过ajax获取json并勾选checkbook:这篇文章主要介绍了关于ztree通过ajax获取json并勾选checkbook,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下应上级要求,项目的树列表要用ztree,那就服从命令吧。配置 var zTree; var setting = { view: { dblCli


这篇文章主要介绍了关于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++;
 });

文档

ztree通过ajax获取json并勾选checkbook

ztree通过ajax获取json并勾选checkbook:这篇文章主要介绍了关于ztree通过ajax获取json并勾选checkbook,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下应上级要求,项目的树列表要用ztree,那就服从命令吧。配置 var zTree; var setting = { view: { dblCli
推荐度:
标签: 勾选 json checkbox
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top