treeview默认收缩指定行和nodeId取值

最新推荐文章于 2025-05-09 10:44:27 发布
原创 最新推荐文章于 2025-05-09 10:44:27 发布 · 2.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#treeview

本文介绍如何使用jQuery TreeView插件来实现对树形结构数据的操作，包括如何折叠指定节点、默认选择节点及折叠所有节点的方法，并提供了具体示例。

1.收缩指定行

$('#tree').treeview('collapseNode', [ nodeId, { silent: true, ignoreChildren: false } ]);

nodeId从上外下，从0开始系统自动赋值。

这里写图片描述
如图，想要关闭2016的这一行，那就要取到2016这一行的nodeId，4

2.默认选中指定行

$('#project').treeview('selectNode', [ nodeId, { silent: true } ]);

3.收缩所有行

$('#tree').treeview('collapseAll', { silent: true });

英文API ：http://www.bootcdn.cn/bootstrap-treeview/readme/
中文翻译的API：http://blog.youkuaiyun.com/babyxue/article/details/73835444

QML 树控件TreeView默认展开所有节点的方法和实现
被封印的橘猫的博客
09-07 4703
背景 近来在做Qt界面设计相关的项目，由于主窗体的框架是用QtQuick搭建的，所以必须从传统的C++开发转向JS风格的QML开发，QML我理解他的话就是一个JavaScript风格的描述性说明语言，至于QtQuick则相当于Qt官方为qml开发提供的一个通用强大的组件库吧，QML与QtQuick的关系相当于C++与STL吧。扯远了，说白了就是在项目的开发过程中，需要构建一个提供导航功能的流程树，其所有节点默认是展开的，点击打开其子节点对应的界面。 树控件TreeView...
c#关于datagrid和treeview控件的使用心得.rar
11-18
在C#编程环境中，`DataGridView`（数据网格视图）和`TreeView`是两种非常重要的控件，广泛应用于创建用户界面，特别是在管理数据和展示层次结构信息时。这两个控件在许多信息系统（MIS，Management Information ...
bootstrap-treeview nodeid与 添加 Id
在夜里奔跑的人
08-18 6037
在bootstrap-treeview  默认只有nodeid 却没有id。这让我 开发的时候就很为难。 而且nodeid只能是自增长的。如果用我们自己数据ID 可能会导致bootstrap-treeview 选择和高亮出错。 你们可以试一试： 在bootstrap-treeview.js 位置如下： 代码贴出来： // nodeId : unique, incr
解决bootstrap-treeview树形结构缩进异常
Nio的博客
10-10 2057
项目中使用到了bootstrap-treeview，但是他的缩进存在异常，查看源码发现他的缩进有一个level属性来控制，level属性的变化由方法initData来控制。修改如下： var g = function (child) { var childLevel = 0; childLevel = th...
bootstrap-treeview
xiaoyushiying的专栏
07-28 5901
bootstrap-treeview 简要教程 bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件。该jQuery插件基于Twitter Bootstrap，以简单和优雅的方式来显示一些继承树结构，如视图树、列表树等等。  插件依赖 Bootstrap v3.0.3jQuery v2.0.3 以上两
TreeView默认成折叠
风影随悦的专栏
01-17 1376
    this.TreeViewgoodnews.ExpandDepth = 0;
bootstrap-treeview 中文开发手册
weixin_34203426的博客
11-22 695
官方文档URL：https://www.npmjs.com/package/bootstrap-treeview 2017年11月21日10:45:10 演示：http://www.htmleaf.com/Demo/201502141380.html 下载：http://www.htmleaf.com/jQuery/Menu-Navigation/201502141379.html ...
精选资源
Treeview动态添加用户控件传值和取值的实例代码
01-20
里面涉及到了asp执行ascx页面里的事件，并取值。这是前台的代码:CustomXMLmanager.aspx 代码如下: <%@ Page Language=”C#” AutoEventWireup=”true” CodeBehind=”CustomXMLmanager.aspx.cs” Inherits=...
C# treeView节点动态删除和添加示例，本源码演示了创建一个treeView父节点
09-02
C# treeView节点动态删除和添加示例，本源码演示了创建一个treeView父节点，创建了三个子节点，然后演示了将这3个子节点添加到父节点中，最后演示了使用Remove方法移除指定的TreeView节点项，添加节点和删除节点定义...
获取bootstrap-treeview的层级
sinat_42478429的博客
05-30 1711
由于项目用了 bootstrap-treeview的控件，但是需要根据加载的树形点击时获取该节点的层级，bootstrap-treeview本身没有获取层级的方法，于是自己写了一个。 此方法只适用于一个根节点的情况，其他情况请自行考虑。 主要采用递归的方式获取父节点，当父节点的nodeId为0时说明当前节点是根节点。 使用全局变量level，当递归函数执行完成之后，level的值就是当前选中节点的...
jquery-treeview
12-06
jquery-treeview
bootstrap table 二级树形表格实现方法（非引用插件）
诗语待马
09-04 4673
实际上，bootstrap或者layui的table都有对应的treegrid插件来实现表格数据的树形展示。但layui的treegrid插件似乎对复杂表头的支持不大好，而在我使用bootstrap的treegrid插件时一直出现样式问题（当然应该是我自己的问题）。于是，我准备自己代码实现一个二级树形表格。所以，此贴给本着学习的态度或者就是不想用插件的同学使用。
【QT5】 QTreeWidget树形视图的展开、收缩操作
热门推荐
weixin_42258743的博客
09-09 2万+
在使用树形控件实现项目分组功能时，默认情况下双击QTreeWidget的Item，如果该Item含有子Item那么Item就会被展开或收缩，而若是想要改变分组的展开及收缩状态，使用QTreeWidget的一个函数即可，void setItemsExpandable ( bool enable )， 该函数从QTreeView继承。设置是否允许用户展开和收缩Item。 设置的itemsExpandable，默认是true。设置为false即不允许用户收缩/...
bootstrap-treeview 中文开发
皇位无忧的工作室
10-09 634
登录 Z.X bootstrap-treeview 中文开发手册 官方文档URL： https://www.npmjs.com/package/bootstrap-treeview 2017年11月21日10:45:10 演示：http://www.htmleaf.com/Demo/201502141380.html 下载：http://www.htmleaf.com/jQuery/Menu-Navigation/201502141379.html github： https://github.com/j
bootstrap-treeview史上最强例子：助你轻松实现树形结构控件
最新发布
gitblog_06753的博客
05-09 1074
bootstrap-treeview史上最强例子：助你轻松实现树形结构控件 【下载地址】bootstrap-treeview史上最强例子 这是一个专为开发者打造的bootstrap-treeview示例项目，堪称史上最强。无论您是初次接触bootstrap还是经验丰富的开发者，都能从中受益匪浅。项目基于bootstrap...
elemen-ui 树形控件，默认选中第一个。
weixin_47121557的博客
06-30 3478
记录使用elemen-ui 树形控件。 默认选中第一个，展示第一个菜单下的子菜单。 <el-tree :data=“data” :props=“defaultProps” @node-click=“handleNodeClick” :current-node-key=“currentNodekey” node-key=“id” ref=“tree” highlight-current :default-expanded-keys=“expandedkeys” > ...
树状菜单（利用映射-bootstrap+jQuery实现折叠功能）
ioncannontic的博客
02-11 860
树状菜单（利用映射-bootstrap+jQuery实现折叠功能）
vue tree设置树形默认选中值与获取选中Code
qq_43059898的博客
11-04 3986
<template> <div> <el-button @click="btn"> 按钮 </el-button> <el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose"> <template v-if="dialogVisible">
bootstrap 表格的展开和收缩实现代码
wen_284334906的博客
09-04 1万+
图片例子 点击类似sde这一行，打开或者关闭 分区表格显示 部分实现代码展示 <tr class="parent" id="row_01"> <td>{{点击行}}</td> <form action="/" method="POST"> <td> <button name="yjfq...
treeview怎么将数据更新到指定的行和列
06-05
要将数据更新到TreeView控件中指定的行和列，需要按照以下步骤进行操作： 1.获取要更新的行和列的索引，可以通过DataGridView控件的Rows和Columns属性获取行和列的集合，然后通过索引获取指定行和列。 2.更新...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值