Maison > interface Web > js tutoriel > Ztree obtient les données du nœud vérifié et les fusionne avec les informations du formulaire

Ztree obtient les données du nœud vérifié et les fusionne avec les informations du formulaire

不言
Libérer: 2018-07-09 15:42:19
original
1930 Les gens l'ont consulté

Cet article présente principalement comment ztree obtient les données du nœud vérifiées et les fusionne avec les informations du formulaire. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent se référer à

Obtenir le. les données de formulaire séparément et les données ztree sont simples, mais comment les fusionner en données json raisonnables ?

Solution :

$('#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));

    });
Copier après la connexion

L'idée spécifique est d'abord d'obtenir le nœud vérifié, puis d'obtenir la valeur d'identifiant correspondante, d'épeler la valeur d'identifiant dans une chaîne, puis de concaténer les informations du formulaire. et Les chaînes sont fusionnées via
Object.assign (Sendjson, form)

Résultat

data为节点id,即已经勾选的id值,后面为一个表单的信息
{"data":"1,11,111,1111,1112","Cname":"","Cencoding":"","Sequence":"","Ucategory":"test1","Rdetial":"test1","Ninformation":""}
Copier après la connexion

Ce qui précède est l'intégralité du contenu de cet article, j'espère qu'il sera utile pour. tout le monde apprend. Plus Pour plus de contenu connexe, veuillez prêter attention au site Web PHP chinois !

Recommandations associées :

Apprentissage du sélecteur de code source jQuery

Objet d'interface d'EventListener dans addEventListener

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal