javascript - 在jsp中的jstree中的每个节点上添加可点击按钮

Question

我在对象中有值列表。我需要在 jstree 中的每个节点上添加按钮。

我的代码:

这是为单值工作的静态代码。

$('#tree').jstree({
core:{
    data:[
        '<button>Press</button> One'
    ]
},
plugins:['checkbox']

});

但我想为每个节点动态添加按钮。

var arrayCollections = ${jsonArray};
$('#jstreesD').jstree({
    'core' : {

            ],
        'data' :[ arrayCollections,'<button>Press</button> Ok'],

    },
})

 <div id="jstreesD"></div>

但这行不通。有没有办法这样做。

谢谢，VJM​​

Answer 1

我想你可以试试这个:

    $(function () {

        var data =  [ { "id" : "100", "parent" : "#", "text" : "MyData" }, { "id" : "155", "parent" : "MyData", "text" : "Test", } ]

        $('#jstree').jstree({
            'core' : {
                'data' : data.map(function(item){

                    return "<button>Press</button>" + item.text
                })

            }
        });
    });

JSFiddle Example