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



>我有一个场景,在刷新剑道树视图时,我需要将视图滚动到树的第一项。

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

我尝试使用上面的代码进行操作,但问题是它不起作用。如果我们删除剑道树视图div 的高度,那么它就可以工作了。但是我需要设置树视图的高度。

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

我试图对treediv而不是html和body进行动画处理。不确定这就是你要找的。

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

然后

你必须选择树:

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

相关内容

  • 没有找到相关文章

最新更新