>我有一个场景,在刷新剑道树视图时,我需要将视图滚动到树的第一项。
<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 的高度,那么它就可以工作了。但是我需要设置树视图的高度。
如何在剑道树视图中滚动到顶部?
我试图对tree
div而不是html和body进行动画处理。不确定这就是你要找的。
链接: http://dojo.telerik.com/ozite/2
然后
你必须选择树:
$("#tree").animate({ scrollTop: itemScrollTop });