ztree获取勾选节点数据并且与表单信息合并

尾调极光
• 阅读 2798

分别获取表单数据和ztree数据简单,但是如何把他们合并成一个合理的json数据?

解决方案:

$('#save').click(function () {
        var nodes = zTree.getCheckedNodes(true);   //获取被勾选/未勾选的节点集合
        // console.log(nodes);
        var id;    //存放节点id
        var nodestring="";   //拼接节点的id为一个字符串      
        var Sendjson={};
        var resultjson;
        for(var i=0;i<nodes.length;i++) {
            id=nodes[i].id;
            idarry[i]=id;
            if(i<nodes.length-1) {
                nodestring += id + ',';
            }
            else
                nodestring+=id;
        }
        Sendjson.data=nodestring;
        var form = $('#Addmessge').serializeJSON();//表单信息
        resultjson=Object.assign(Sendjson,form)    //合并两个对象
        console.log(JSON.stringify(resultjson));

    });

具体思路是先获取勾选的节点,然后取相应的id值,并且把id值拼成字符串,然后将表单信息和拼接的字符串通过
Object.assign(Sendjson,form)进行合并

结果

data为节点id,即已经勾选的id值,后面为一个表单的信息
{"data":"1,11,111,1111,1112","Cname":"","Cencoding":"","Sequence":"","Ucategory":"test1","Rdetial":"test1","Ninformation":""}
点赞
收藏
评论区
推荐文章
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
Wesley13 Wesley13
3年前
java将前端的json数组字符串转换为列表
记录下在前端通过ajax提交了一个json数组的字符串,在后端如何转换为列表。前端数据转化与请求varcontracts{id:'1',name:'yanggb合同1'},{id:'2',name:'yanggb合同2'},{id:'3',name:'yang
Jacquelyn38 Jacquelyn38
4年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
Easter79 Easter79
3年前
SpringBoot整合mybatis、shiro、redis实现基于数据库的细粒度动态权限管理系统实例
1.前言本文主要介绍使用SpringBoot与shiro实现基于数据库的细粒度动态权限管理系统实例。使用技术:SpringBoot、mybatis、shiro、thymeleaf、pagehelper、Mapper插件、druid、dataTables、ztree、jQuery开发工具:intellijidea数据库:mys
Stella981 Stella981
3年前
SpringBoot整合mybatis、shiro、redis实现基于数据库的细粒度动态权限管理系统实例
1.前言本文主要介绍使用SpringBoot与shiro实现基于数据库的细粒度动态权限管理系统实例。使用技术:SpringBoot、mybatis、shiro、thymeleaf、pagehelper、Mapper插件、druid、dataTables、ztree、jQuery开发工具:intellijidea数据库:mys
Easter79 Easter79
3年前
SpringCloud(第 001 篇)简单用户微服务
SpringCloud(第001篇)简单用户微服务一、大致介绍通过RestAPI接口/simple/{id}来简单获取H2数据库中的用户信息,并且数据库中的字段与实体User类的字段相互映射。二、实现步骤2.1
Wesley13 Wesley13
3年前
unity向服务器发送一个json字符串代替传统的表单
 一般向服务器发送一个表单数据,但是有时服务器要求发送一个json数据而非一个表单那么,就不能够再用之前的表单(WWWForm)这一套了,需要用到如下的写法:fengkknewfeng();kk.idcontent;stringj
Easter79 Easter79
3年前
TinyForm
TinyForm做一个用起来简单的表单工具库。先说说功能吧,这个工具提供了以下几个接口:通过任意DOM元素创建表单实例(TinyForm)可以自定义表单控件选择器获取表单控件获取(设置)DOM范围内所有(单个)表单控件的数据使用标签式设置验证规则以及提示消息获取(设置)DOM范围内所有(
混世魔王 混世魔王
2年前
皕杰报表查询表单中的下拉树控件
所谓下拉树控件就是在单元格里生成一个下拉树。下面我们就看看下拉树如何设计?在皕杰报表查询表单中选择单元格控件为下拉树,就可以为下拉树设置属性和数据。属性包括多选模式、支持多选模式、只能选叶子节点、默认展开到第几层。数据包括数据来源和节点数据。设置界面见下图
递归解析Json,实现生成可视化Tree+快速获取JsonPath | 京东云技术团队
内部平台的一个小功能点的实现过程,分享给大家:递归解析Json,可以实现生成可视化Tree快速获取JsonPath。步骤:1.利用JsonPath读取根,获取JsonObject2.递归层次遍历JsonObjec,保存结点信息3.利用zTree展示结点为
美凌格栋栋酱 美凌格栋栋酱
5个月前
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(