jstreeのjstree内の各ノードのクリック可能なボタンをjspに追加します

Question

私はobjectに値のリストを持っています。 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