javascript - 滚动到 Kendo Treeview 的顶部节点

标签 javascript jquery kendo-treeview

我有一个场景,在刷新 Kendo Treeview 时,我需要将 View 滚动到树的第一项。

<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 的高度,那么它就可以工作。但我需要设置 Treeview 的高度。

如何在 Kendo Treeview 中滚动到顶部?

最佳答案

我尝试为tree div而不是html和body设置动画。不确定这就是您要找的。

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

关于javascript - 滚动到 Kendo Treeview 的顶部节点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42852281/

相关文章:

jquery - Kendo Treeview 显示未定义

angularjs - Kendo Treeview : How to set Intermediate state Programmatically

kendo-ui - Kendo UI TreeView 中的问题展开图标

javascript - 如何在 Vue.js 类绑定(bind)上检查当前元素的属性?

javascript - 折叠一栏并自动调整另一栏

jquery - 将鼠标悬停在右侧的元素上会触发元素向左的 css 更改

javascript - 将一些复选框值从一个 JSP 传递到另一个 JSP

javascript - 固定菜单栏不适用于 chrome 和 firefox

javascript - 无法通过我的带有 jasmine 的 post http 函数的测试

javascript - jQuery.parseJSON() 不在 Windows 服务器上解码有效的 Json 字符串