首頁 > web前端 > js教程 > ztree取得勾選節點資料並且與表單資訊合併

ztree取得勾選節點資料並且與表單資訊合併

不言
發布: 2018-07-09 15:42:19
原創
1929 人瀏覽過

這篇文章主要介紹了關於ztree獲取勾選節點數據並且與表單資訊合併,有著一定的參考價值,現在分享給大家,有需要的朋友可以參考一下

分別獲取表單數據和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":""}
登入後複製

以上就是本文的全部內容,希望對大家的學習有所幫助,更多相關內容請關注PHP中文網!

相關推薦:

jQuery原始碼之選擇器的學習

addEventListener中的EventListener的介面物件

以上是ztree取得勾選節點資料並且與表單資訊合併的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板