双下巴大圆脸 2017-11-28 08:51 采纳率: 0%
浏览 2178

js fancytree插件选中根据输入的title选中节点,怎么将该节点滚动到页面可见位置?

如题,用fancytree插件时,根据需求添加了一个搜索框用来搜索tree中节点的title,搜索之后找到了node,能选中但是由于位置有限所以树的高度不高。选中的节点在下边,怎么在找到该节点时将他滚动到屏幕可见区域
目前效果如图

    //选中的代码如下
        $(".dqq_tree_01").fancytree("getTree").visit(function (node) {
                if (node['data']['fdepartmentNo'] == _v.fdepartmentNos) {
                    // node.setSelected(true);
                    node.setFocus()
                }
            });
  • 写回答

1条回答 默认 最新

  • 双下巴大圆脸 2017-12-07 01:53
    关注

    问题已解决,之前一直忙着写代码,忘记了csdn还发了问题,把代码贴上来吧,思路如下:

     //根据搜索到的title找到子节点,然后通过调整改节点距离父元素的高度来控制他滚动到可见位置'
     var isChecked=false;
        $(".dqq_tree_01").fancytree("getTree").visit(function (node) {
            //找到该节点  ischecked是为了防止搜索到多个重复的名称
            if (node.title.indexOf(name)>-1 && !isChecked) {
                    //选中节点方法
                node.setSelected(true);
                            //获取几个关键的属性
                var Dom = $(node.li),
                    liToParent = Dom.position().top,
                    ParentDom = $("#tree_01"),
                    ParentHeight = ParentDom.height();
                                    //设置距顶部位置
                ParentDom.scrollTop(liToParent-ParentHeight+22)
                            //选中到一次后就不在选中以后的
                isChecked=true;
            }
        });
    

    技术有限,只用js做了一个简单的滚动。不能一下搜索多个,若果有多个只选中第一个,目前该问题还未解决。

    评论

报告相同问题?

悬赏问题

  • ¥50 有数据,怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据,怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题!
  • ¥15 drone 推送镜像时候 purge: true 推送完毕后没有删除对应的镜像,手动拷贝到服务器执行结果正确在样才能让指令自动执行成功删除对应镜像,如何解决?
  • ¥15 求daily translation(DT)偏差订正方法的代码
  • ¥15 js调用html页面需要隐藏某个按钮