2017-03-17 9 views
0

私は剣道ツリービューをリフレッシュすると、ビューをツリーの最初のアイテムにスクロールする必要があります。剣道ツリービューのトップノードにスクロール

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

私は上記のコードを使用してみましたが、問題は機能していません。剣道のTreeview divの高さを取り除くと、それは機能します。しかし、私はツリービューの高さを設定する必要があります。

剣道のツリービューで上にスクロールするにはどうすればよいですか?

答えて

0

ツリーを選択し、次にあります。

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

私の代わりにhtmlと体のtreeのdivをアニメーション化しようとしました。それがあなたが探しているものかどうかはわかりません。

リンク:http://dojo.telerik.com/ozite/2

+0

ありがとう!!これは私が必要としたものです.. – user2091061

関連する問題