2017-02-13 61 views
2

我可是從https://github.com/jonmiles/bootstrap-treeview樹形onNodeSelected不點火

我已經產生了JSON數據結構和樹狀視圖顯示很好,但是我不能讓onNodeSelected事件火災。

JS:

<script src="~/Scripts/jquery-3.1.1.js"></script> 
<script src="~/Scripts/bootstrap-treeview.js"></script> 
<link href="~/Content/bootstrap.css" rel="stylesheet" />  

<script> 
    $(function() { 

     var defaultData = @Html.Raw(broadcaster.GetTreeViewData()); //Getting data from C# data structure 

     $('#tree').treeview({ 

      color: "#428bca", 
      data: defaultData, 
      levels: 2 
     }); 
    }); 

    $('#tree').treeview({ 
     onNodeSelected: function(event, data) { 
      alert('selected:') 
     }}); 
</script> 

HTML:

<li> 
    <div id="tree"></div> 
</li> 

編輯: 也嘗試了jQuery(),但沒有運氣 - 什麼也沒有發生。

$('#tree').on('nodeSelected', function(event, data) { 
     alert('selected:') 

回答

3

要初始化節點2倍.. 它應該是這樣的......

$(function() { 

     var defaultData = @Html.Raw(broadcaster.GetTreeViewData()); //Getting data from C# data structure 



      $('#tree').treeview({ 

       color: "#428bca", 
       data: defaultData, 
       levels: 2, 
    onNodeSelected: function(event, data) { 
       alert('selected:') 
      } 
      }); 
     }); 
+0

感謝那些沒有的伎倆 - 很新的JavaScript ;-) –