TreeView滚动条滚动到被选中节点

最新推荐文章于 2023-01-11 12:40:44 发布
最新推荐文章于 2023-01-11 12:40:44 发布
阅读量1.6k 收藏
点赞数
分类专栏： JS 文章标签： TreeView 选中 节点 滚动
原文链接：https://www.cnblogs.com/zhengjuzhuan/archive/2010/12/17/1908860.html
版权

选择TreeView节点，页面回送刷新后，滚动条自动回到TreeView顶部，而不是被选中节点处，使节点在Treeview可视区域可见，可以利用scrollIntoView方法使TreeView中页面刷新后自动定位到被选择节点处，使被选择节点可见，方法如下：

<body οnlοad="ScrollToSelectNode();">   
    <div id="divScroll" style="overflow-y:auto;overflow-x:auto;WIDTH: 250px;height:400px;">
        <asp:TreeView ID="tvAssetKind" runat="server" Width="100%" ExpandDepth="1">
        </asp:TreeView>
    </div>   
</body>

<!--JS处理方法-->
<script language="javascript" type="text/javascript">          
    //滚动到选择节点
    function ScrollToSelectNode()
    {
        try
        {
            var elem = document.getElementById('tvAssetKind_SelectedNode');
            if(elem != null )
            {
                var node = document.getElementById(elem.value);
                if(node != null)
                {
                    //滚动被选择节点到TreeView顶部
                    node.scrollIntoView();
                    
                    //使被选择节点距离TreeView顶部10，使被选择节点可见
                    document.getElementById("divScroll").scrollLeft = 0;
                    document.getElementById("divScroll").scrollTop -= 10;
                }
            }
        }
        catch(oException)
        {
        }
    }         
</script>

转载至https://www.cnblogs.com/zhengjuzhuan/archive/2010/12/17/1908860.html

祖-安
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
pb 选中树形菜单节点_PB中TreeView控件使用技巧-数据库专栏,其他相关
weixin_30273229的博客
12-24 1055
powerbuilder中的treeview 控件为树状游览，类似于windows的资源管理器，其特点是信息项呈树状层次结构，能更清晰地表现主、细目关系 ，操作非常方便。在应用中可将其与datawindow 配合使用， 一个提供信息的分类体系，一个提供具体信息，达到珠连碧合的奇妙效果。它特别适用于多级信息的分类检索， 是多级菜单所无法比似的，它的表现形式深受程序设计人员和广大用户的喜爱，在许多应用...
WPF TreeView 虚拟化-设置滚动到选中项
weixin_30466039的博客
06-12 943
前言 列表滚动到具体的数据项？ ListBox提供了简易快捷的滚动定位函数ScrollIntoView。 TreeView树状结构列表，则没有此类方法，无法与ListBox一样，直接设置滚动到具体的数据项。 同时，SelectedItem也是只读的，无法设置SelectedItem来间接的设置滚动项。 TreeView滚动定位 1. 对TreeViewItem添加一个附加属性IsScr...
pb控件强化：一个在drag时可以自动上下滚动的treeview控件对象
yyoinge的专栏
10-17 2141
在实际使用过程中，当treeview控件允许拖动drag时，由于treeview控件在expand后，高度都会比较高，以至于数据在控件内，无法完全显示，而在drag过程中，经常需要执行大幅度的拖动，这样一来就会导致拖动过程经常受阻。         虽然在拖动时，可以通过滚动鼠
antd tree scrollTo 不起作用
qq_41549657的博客
08-22 2713
前提需要给Tree组件设置height属性，设置虚拟滚动容器高度,这样scrollTo才能够起作用 其次，scrollTo的key值需要是已经展开的节点，所以需要提前将scroll中key值对应的节点展开 对应代码如下: import { Tree, Button } from "antd"; import React, { useState, useRef, useEffect } from "react"; function dig(path = "0", level = 3) { con
WPF中让滚动条滚动到指定元素位置
FireGhost57的专栏
08-05 2662
/// <summary> /// 垂直方向滚动到顶部 /// </summary> /// <param name="element"></param> /// <param name="scrollViewer"></param> public static void ScrollViewToVertical...
treeview滚动条
09-10
主要解决了treeview中数据量大的时候 ，无法显示出整个数据链，因此将默认选中的节点改为最顶部节点，并显示选中效果。
C# TreeView重绘边框
08-13
事件参数`e`包含关于绘制的节点的信息，如`e.Node`表示当前正在绘制的节点，`e.Bounds`是节点的矩形边界，`e.State`表示节点的状态（如是否被选中、是否展开等）。 3. **绘制边框**：使用`Graphics`对象（可以从`e....
vc控件使用及滚动条重绘。
09-24
当需要自定义滚动条外观时，需要重绘滚动条，这通常涉及到WM_CTLCOLORSCROLLBAR和WM_HSCROLL/WM_VSCROLL消息的处理。 7. **滚动条重绘**： 在skinscrollbar_demo项目中，可能包含了如何自定义滚动条外观的示例。...
一个使用到FolderBrowserDialog ListBox TreeView等控件的C#实例
12-21
`HscrollBar`（水平滚动条）和`TrackBar`（滑块）控件为用户提供了一种通过滑动条来导航或调整数值的方式。`HscrollBar`通常用于在水平方向上浏览超出视区的内容，而`TrackBar`可以用于音量控制、进度调整等场景。...
WPF TreeView 样式 模板
09-19
默认情况下，`TreeView`已经启用了水平滚动条的虚拟化，但垂直虚拟化需要手动开启： ```xml <TreeView VirtualizingStackPanel.VirtualizationMode="Recycling"> ``` 6. **自定义控件** 如果需要更复杂的...
C# treeview滚动条事件
云帝的博客
08-09 1544
C# treeview滚动条事件问题描述解决思路代码 问题描述 TreeView过长； 不点击节点，鼠标滚轮可以让滚动条滚动； 点击节点，按住不放，拖拽节点到页面外部，页面不会自动滚动，鼠标滚轮也不会让滚动条滚动。 解决思路 在查过官方文档就知道C#的treeview封装了滚动条事件，没有提供相应的api接口，想要重载滚动条的事件是行不通的。 由于只有按住节点的时候才有这个滚动的需求，因此我想了一种“曲线救国”的方法：重载TreeView的拖拽事件。 QueryContinueDrag(object sen
el-tree 滚动条自动定位
菜鸟学编程
08-26 1812
el-tree 滚动条自动定位到当前选中节点
C# TreeView实现拖动节点时滚动条自动滚动
lylymb的专栏
03-27 5548
You need to call the Windows API SendMessage() function.          //using System.Runtime.InteropServices;        [DllImport("user32.dll")]        private static extern int SendMessage(IntPtr
滚动TreeView滚动条到被选中节点
deform0032的博客
11-21 240
原文：http://www.cnblogs.com/micromouse/archive/2008/03/03/1089059.html 选择TreeView节点，页面回送刷新后，滚动条自动回到TreeView顶部，而不是被选中节点处，使节点在Treeview可视区域可见，可以利用scrollIntoView方法使TreeView中页面刷新后自动定位到被选择节点处，使被选择节点...
自定义el-tree复选框选中状态vue elementUI
00年女程序员分享自己的学习笔记
12-07 6652
父节点展开状态，实现选中父节点只选中其第一级子节点，并且要把父节点从所有已经选中的节点中删除，即只保留子节点。父节点折叠状态，实现只选中父节点，不选中其子节点。
QTreeView不能按子项内容长度自动出现水平滚动条及滚动不理想问题解决
danshiming的博客
01-11 2150
QTreeView不能按显示的内容自动出现水平滚动条及水平滚动不理想问题的解决
ztree自动选中节点并滚动定位
bswsf的专栏
08-06 2451
场景需求： ztree展示树状数据结构，后台传入一个节点信息，前端自动选中，如果树长度过长需要滚动到具体节点 问题点： 因为ztree自带api因为各种原因可能无法实现让节点自动滚到到可视区域内 解决方案关键点： 1、var currNode = treeObj.getNodeByParam("id", $("#fpdx_").val());//根据ID找到该节点 2、实现滚动和选择效果（两种方案） 注意：divgzl 为ztree外部固定高度div的id a)定位覆盖原来的select
Bootstrap treeview 添加滚动条后 搜索完成滚动条自动移动到对应位置
weixin_30763455的博客
07-27 645
$('#' + treeDivId).on('searchComplete',function(event, data) { if( isEmpty(data)){ return; } //如果查找到的位置数据超出当前范围滚动条...
treeView怎么获取被选中的子节点
最新发布
07-28
要获取被选中的子节点，你可以使用 TreeView 控件的 SelectedNode 属性。以下是获取被选中子节点的步骤： 1. 首先，确保你的 TreeView 控件已经绑定了数据，并且节点已经被创建。 2. 在代码中，使用 SelectedNode 属性来获取当前被选中的节点。这将返回一个 TreeNode 对象，代表被选中的节点。 3. 通过 SelectedNode 对象的 ChildNodes 属性，可以获取被选中节点的所有子节点。 4. 迭代遍历子节点集合，并判断每个节点的 Checked 属性是否为 true，以确定该节点是否被选中。 下面是一个示例代码，演示如何获取被选中的子节点： ```csharp // 获取被选中的子节点 TreeNode selectedNode = treeView1.SelectedNode; if (selectedNode != null) { // 遍历被选中节点的子节点 foreach (TreeNode childNode in selectedNode.ChildNodes) { if (childNode.Checked) { // 子节点被选中 // 在这里可以进行相应的处理 string childNodeText = childNode.Text; // ... } } } ``` 请注意，上述示例假设你已经在 TreeView 控件上启用了复选框，并使用 Checked 属性来表示节点是否被选中。如果你只需要获取单个被选中的子节点，而不是遍历所有子节点，可以直接使用 SelectedNode 属性。 希望这能帮助到你！如有其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值