滚动到顶部节点的剑道树视图

我有一个场景刷新一个剑道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的高度，那么它的工作原理。但是我需要为树视图设置高度。

如何在剑道树视图中滚动到顶部？

来源

2017-03-17 user2091061

你必须然后选择树：

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

来源

2017-03-17 08:24:12 tire0011

我试图动画tree DIV而不是HTML和身体。不知道你在找什么。

链接：http://dojo.telerik.com/ozite/2

来源

2017-03-17 08:24:46 Hardik

谢谢!!这是我需要的.. – user2091061

滚动到顶部节点的剑道树视图

回答

相关问题