2017-03-17 97 views
0

我有一個場景刷新一個劍道treeView,我需要滾動視圖到樹的第一個項目。滾動到頂部節點的劍道樹視圖

<body> 

    <div style="height: 500px; width: 200px; border:1px solid black;" id="tree"></div> 
    <div style=" margin:10px; display:block"> 
     <button style="width:50px; height:20px;" onclick="clickMe()">Click</button> 
    </div> 

    <script> 
     // setup: generate data, select item 
     var data = []; 
     for (var i = 0; i < 1000; i++) { 
      data.push({ text: "Item " + i }); 
     } 
     $("#tree").kendoTreeView({ 
      dataSource: data 
     }); 

     function clickMe() { 
      debugger; 
      var treeview = $("#tree").data("kendoTreeView"); 
      treeview.select(treeview.findByText("Item 500")); 

      // scroll to selected item 
      var itemScrollTop = treeview.select()[0].offsetTop; 
      $("html,body").animate({ scrollTop: itemScrollTop }); 
     } 
    </script> 
</body> 

我試過使用上面的代碼,但問題是它不工作。如果我們刪除kendo Treeview div的高度,那麼它的工作原理。但是我需要爲樹視圖設置高度。

如何在劍道樹視圖中滾動到頂部?

回答

0

你必須然後選擇樹:

$("#tree").animate({ scrollTop: itemScrollTop });