Fancytree scrollIntoView过滤后

Question

我使用的是带有过滤器扩展的fancyTree v2.7.0。我已经启用了autoscroll功能，以滚动到活动节点。

我遇到的问题是treeview何时被过滤了。如果单击“展开”按钮以显示项目的子项，则控制台中将显示以下错误消息。

Error: Fancytree assertion failed: scrollIntoView node is invisible

我创建了一个jsFiddle来重新创建问题http://jsfiddle.net/ajw89/86308as6/8/

这是Fancytree的错误还是我做错了什么？

Answer 1

我也经历过同样的问题。只有在设置autoScroll: true和filter：{mode：“隐藏”}设置时才会出现。如果您可以离开没有这些设置之一，它工作良好！

当为节点的最后一个子节点计算自动滚动时，nodeSetExpanded()方法就会出现问题。如果此子节点不匹配筛选条件，则通过筛选隐藏它，因此.is(":visible")断言失败。通过在FancytreeNode中引入以下方法，我在本地修复了这个问题：

getLastVisibleChild: function() {
        var last = null;

        if (this.children) {
            for(var i=0, l=this.children.length; i<l; i++){
                if ($(this.children[i].span).is(":visible")) {
                    last = this.children[i];
                }
            }
        }

        return last;
    }

而不是使用nodeSetExpanded()中的这个方法来替换

// Scroll down to last child, but keep current node visible
node.getVisibleChild().scrollIntoView(true, {topNode: node}).always(function(){

使用

// Scroll down to last child, but keep current node visible
node.getLastVisibleChild().scrollIntoView(true, {topNode: node}).always(function(){

效果很好。