获取zTree选中节点

 <body>

     <script type="text/javascript">

         var setting = {

             view: {

                 dblClickExpand: false,

                 showLine: true,

             },

             check: {

                 enable: true,       //必选项

                 chkboxType: { "Y": "p", "N": "s" }, //Y被勾选,N没有勾选情况,p操作影响父节点,s影响子节点

             },

             data: {

                 simpleData: {

                     enable: true,

                     idKey: "id",

                     pIdKey: "pId",

                     rootPId:

                 }

             },

             callback: {

                 onCheck: onCheckNode    //回调函数,获取选节点

             }

         };

         var zNodes = [

         { id: , pId: , name: "[excheck] 复/单选框功能 演示", open: true },

         { id: , pId: , name: "Checkbox 勾选操作", file: "excheck/checkbox" },

         { id: , pId: , name: "Checkbox nocheck 演示", file: "excheck/checkbox_nocheck" },

         { id: , pId: , name: "Checkbox chkDisabled 演示", file: "excheck/checkbox_chkDisabled" },

         { id: , pId: , name: "Checkbox halfCheck 演示", file: "excheck/checkbox_halfCheck" },

         { id: , pId: , name: "Checkbox 勾选统计", file: "excheck/checkbox_count" },

         { id: , pId: , name: "用 zTree 方法 勾选 Checkbox", file: "excheck/checkbox_fun" },

         { id: , pId: , name: "Radio 勾选操作", file: "excheck/radio" },

         { id: , pId: , name: "Radio nocheck 演示", file: "excheck/radio_nocheck" },

         { id: , pId: , name: "Radio chkDisabled 演示", file: "excheck/radio_chkDisabled" },

         { id: , pId: , name: "Radio halfCheck 演示", file: "excheck/radio_halfCheck" },

         { id: , pId: , name: "用 zTree 方法 勾选 Radio", file: "excheck/radio_fun" }

         ];

         $(document).ready(function () {

             var treenode = $.fn.zTree.init($("#treeDemo"), setting, zNodes);

             $('#didClick').click(function () {

                 $.ajax({

                     url: '/handler/ajax.ashx',

                     type: 'POST',

                     async: true,

                     data: {

                         PostMethod:"checkedBox",

                         nodesJson: chkNodeStr

                     },

                     dataType: 'json',

                     success: function (data) {

                         console.log(data)

                     },

                     error: function (xhr, textStatus) {

                         console.log(xhr)

                         console.log(textStatus)

                     },

                 });

             });

         });

         var chkNodeArr;

         var chkNodeStr="";

         var nodeJson = [];

         function onCheckNode() {

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

             chkNodeArr = treenode.getCheckedNodes(true);    //true获取选中节点,false未选中节点,默认为true

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

                 nodeJson[i] = { "name": chkNodeArr[i].name, "id": chkNodeArr[i].id };

             }

             //console.log(chkNodeArr);

             chkNodeStr = JSON.stringify(nodeJson);

         }

     </script>

      <div>

         <ul id="treeDemo" class="ztree"></ul>

          <button type="button" id="didClick">提交</button>

     </div>

 </body>

后台解析json字符串,使用Newtonsoft

1,引用 using Newtonsoft.Json.Linq;

2,因为是数组所以用JArray解析,对象可以用JObject

 if (method == "checkedBox") {

     string jsonStr = context.Request["nodesJson"];

     JArray ja = JArray.Parse(jsonStr);

     Dictionary<string, string> dic = new Dictionary<string, string>();

     foreach (JToken str in ja) {

         dic.Add(str["name"].ToString(),str["id"].ToString());

     }

 }

附上 zTree 官网 api 和 Newtonsoft.json 文档

　　

如何将zTree选中节点传递给后台的更多相关文章

  1. 通过ajax 后台传递的 区域id 选中ztree的节点 并展开节点

    代码如下: < script type = "text/javascript" >    var flag = "<%=request.getParam ...

  2. zTree勾选状态的禁用节点不在选中节点里

    问题描述: 由于业务需求,需要将一部分节点设置为选中并且是禁用的状态.设置这部分节点的chkDisabled和checked属性值都为true.在zTree树上这部分节点是选中且禁用的状态,但是在保存 ...

  3. ztree设置节点checked，选中某节点等相关操作

    ztree设置节点checked,选中某节点等相关操作 1.根据id获取树的某个节点: var zTree = $.fn.zTree.getZTreeObj("mytree"); ...

  4. zTree设置选中节点之后出现重复节点

    1.用户离开页面时最后一次点击的节点信息我会保存到数据库. 2.用户打开页面时默认选中上一次离开时选中的节点. 现在发现在设置选中节点之后,会出现重复的节点(重复现象偶尔出现). 以下是代码: var ...

  5. ztree 获取当前选中节点的子节点集合

    功能:获取当前选中节点的子节点id集合. 步骤:1.获取当前节点 2.用ztree的方法transformToArray()获取当前选中节点(含选中节点)的子节点对象集合. 3.遍历集合,取出需要的值 ...

  6. ztree获取选中节点

    $(document).ready(function(){ $.fn.zTree.init($("#treeDemo"), setting, zNodes); }); functi ...

  7. ztree获取选中节点时不能进入可视区域出现BUG如何解决

    zTree 是一个依靠 jQuery 实现的多功能 “树插件”.优异的性能.灵活的配置.多种功能的组合是 zTree 最大优点. zTree 的特点编辑 ● zTree v3.0 将核心代码按照功能进 ...

  8. 160420、zTree获取所有选中节点数据

    <!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - Standard Data </TITLE> ...

  9. ztree 获取CheckBox选中节点时，不获取选中上级父节点

    //将第三个参数改为false,表示不去勾选父节点下的所有子节点 zTreeObj.checkNode(node, true, false); setting.check.chkboxType = { ...

随机推荐

  1. WebElement--定位经验

    通常,我们这页面中定位一个元素,如果HTML中明明有却定位不到,我们一定会从这两个方面考虑. 第一:是不是页面中有多个iframe/frame结构,很多情况下我们需要通过切换iframe/frame结 ...

  2. bzoj 3450 Tyvj1952 Easy (概率dp)

    3450: Tyvj1952 Easy Description 某一天WJMZBMR在打osu~~~但是他太弱逼了,有些地方完全靠运气:(我们来简化一下这个游戏的规则有n次点击要做,成功了就是o,失败 ...

  3. 磁盘处于脱机状态"解决办法

    由于管理员设置的策略,该磁盘处于脱机状态"解决办法 1.运行:cmd 2.输入:DISKPART.exe 3.DISKPART> san 4.DISKPART> san poli ...

  4. 吴裕雄--天生自然python学习笔记：python文档操作表格处理

    表格也是 Word 文件中常用的对象,下面讲解 Win32com 中常用的表格操作命令 . 新建表格的语法为: 在 Word 文件中新建一个表格并插入单元格内容 在 Word 文件中新建一个 3 行 ...

  5. va_list、va_start和va_end使用

    我们知道va_start,va_arg,va_end是在stdarg.h中被定义成宏的,由于1.硬件平台的不同 2.编译器的不同,所以定义的宏也有所不同. 在ANSI C中,这些宏的定义位于stdar ...

  6. G 小石的图形

    题目链接:https://ac.nowcoder.com/acm/contest/949/G 思路: 思路是很简单,一个小学数学题.但是n次WA后才过,重点就在pi的表示上,pi最精确的表示方式是ac ...

  7. win10安装revit失败，怎么强力卸载删除注册表并重新安装

    一些搞设计的朋友在win10系统下安装revit失败或提示已安装,也有时候想重新安装revit的时候会出现本电脑windows系统已安装revit,你要是不留意直接安装revit,只会安装revit的 ...

  8. 古典问题：有一对兔子，从出生后第3个月起每个月都生一对兔子，小兔子长到第三个月后每个月又生一对兔子，假如兔子都不死，问每个月的兔子总数为多少？（python语言）

    # 古典问题:有一对兔子,从出生后第3个月起每个月都生一对兔子,小兔子长到第三个月后每个月又生一对兔子,假如兔子都不死,问每个月的兔子总数为多少? # 斐波那契数列:0,1,1,2,3,5,8,13, ...

  9. cesium入门示例-测量工具

    作为cesium入门示例级别的最后一篇,参考cesium-长度测量和面积测量实现测量工具封装,修改了其中的距离测量函数,计算贴地距离,并对事件内部处理做了调整.包括贴地距离测量.面积测量.结果清除. ...

  10. JSP9个内置对象和3个常用指令

    一.9个内置对象: 1.request对象客户端的请求信息被封装在request对象中,通过它才能了解到客户的需求,然后做出响应.2.response对象包含了响应客户请求的有关信息,但在JSP中很少 ...