jstree의 각 노드에서 jspree의 클릭 가능한 버튼을 추가하십시오.

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> 

그러나 이것은 작동하지 않습니다. 이렇게 할 방법이 있습니까?

감사합니다,

Answer 1

나는 당신이 시도 할 수 있다고 생각 VJM :`jsonArray` 그리고 왜 당신이 $ '로 포장하려고하는 것은 무엇

$(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