element-ui tree全部展开和全部收起功能的实现

怎样才能实现点击全部展开,只要有二级菜单的都自动展开 ,点击全部收起的时候所有的二级菜单全部收起,我的后台数据中一级菜单的ID和二级菜单的ID几乎是重复的,我获取了this.$refs.tree.data中的ID,但是我只能打开点前点击过的那一条记录,我该怎么修改.图片说明

2个回答

default-expand-all 是否默认展开所有节点 boolean — false

    <el-tree
  class="filter-tree"
  :data="data2"
  :props="defaultProps"
  default-expand-all
  :filter-node-method="filterNode"
  ref="tree2">
</el-tree>

建议多看下API

hjy170314
hjy170314 这个我当然懂啦,哪怎么收回去呢,点击收起按钮,全部二级菜单收起来,这个问题我解决不了,你会么?给我看看代码
6 个月之前 回复

for(var i=0;i<this.$refs.selectTree.store._getAllNodes().length;i++){
this.$refs.selectTree.store._getAllNodes()[i].expanded = false;
}

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
如何实现全部展开和全部折叠
在查看的菜单选项上,有“全部展开”和"全部折叠",我想将其做成操作放在操作条上,如何实现?rn能否用公式---例如:@command([editclear])之类的。rnrn多谢。
textview展开和收起
当textview内容小于三行,则不显示更多,反之显示,点击更多,显示其余内容,点击收起还原
TextView展开和收起
最近项目中遇到了ListView中Textview展开查看更多和收起,默认只显示两行,多的用... 在网上查到资料使用自定义view发现有点问题,于是决定用两个Textview完成,下面是适配器中的代码。 helper.getTextView(R.id.item_home_content_tv1).setText(model.getReplyContent()); helper.getTe
cell的展开和收起
步骤1:     //创建模型类.h     HggText.h                  #import @interface HggText : NSObject @property (nonatomic, copy) NSString *text; //文本 @property (nonatomic, assign) float textHeight; //文本
如何实现 TreeView Items 全部展开和全部收缩(WPF)
本文将介绍如何通过按钮【全部展开】和【全部收缩】来实现 TreeView 所有节点的展开与收缩,将以下代码写在后台: // 【全部收缩】 private void btnCollapseAll_Click(object sender, RoutedEventArgs e) { foreach (var item in treeView.Items)
ExpandableLinearLayout列表展开和收起功能
之前接触过几个类似的功能,展开和收起,都是自己在适配器里面判断,然后一步一步的来搞,特别容易出错和移位问题,今天看了这个ExpandableLinearLayout,把我们需要的功能全部包含进去了,所以自己收藏一下,以后遇到就直接使用: 首先,列表布局: item_product.xml: &amp;lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&amp;gt; &amp;lt...
Extjs4.0里如何实现单击展开和收起tree的节点
请教您个问题,Extjs4.0里如何实现单击展开和收起tree的节点啊,用3.0的方法完全不行啊!请帮帮忙吧!
ant desgin tableTree实现全部tree收起功能
关于ant desgin tableTree 中 expandedRowKeys &amp;&amp; onExpand来实现全部tree收起功能需求具体实现过程:1、首先了解table两个api2、expandedRowKeys &amp;&amp; onExpand 的用法 需求 点击全部收起按钮,收起table Tree所有展开的列表(列表结构如下)。 列表结构: 具体实现过程: 1、首先...
可展开和收起的LinearLayout
ExpandableLinearLayout介绍场景介绍  开发的过程中,有时我们需要使用到这样一个功能,在展示一些商品的时候,默认只显示前几个,例如先显示前三个,这样子不会一进入页面就被商品列表占据了大部分,可以先让用户可以看到页面的大概,当用户需要查看更多的商品时,点击“展开”,就可以看到被隐藏的商品,点击“收起”,则又回到一开始的状态,只显示前几个,其他的收起来了。就拿美团外卖的订单详情页的布
android ListView展开和收起
实现一个简单的可展开和收起的ListView, 展开和收起整个ListView, 不是ExpandableListView
41-jQuery展开和收起动画
感想:本节学习了slideDown(),slideUp(),slideToggle()方法,jQuery封装的一些dom对象的方法用起来非常方便,若是         在原生JS中,还需要使用监视器进行监听,实现起来比较麻烦 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;style&amp;gt; *...
iview的tree组件,设置expand不生效,以及全部展开和全部合并的实现
前端框架用到了iview,使用tree组件的时候,数据是动态绑定的,页面控件调用如下: &amp;lt;Tree :data=&quot;taskTreeData&quot;&amp;gt;&amp;lt;/Tree&amp;gt; methods中初始化数据的方法如下: initTree() { let _this = this; //调用后台查询树的信息,此处略过,后台查询的返回结果示例如下 var...
tableview实现单个cell的展开和收起
此篇主要介绍采用替换cell的方式来实现cell的收起和展开效果,下面是效果图,分为只能展开一个cell和都能展开两种 代码实现 #import "replaceVC.h" #import "TitleCell.h" #import "DetailCell.h" @interface replaceVC () @property (nonatomic,strong) UIT
mfc实现列表项的展开和收起
向树形控件一样,但若某一项存放的内容太多,一次看不全,可以将该项展开看详细内容,目前网上找的一些自绘的树形控件,虽然可以对某一项的高度进行设置,但滚动条没有跟着某一项设置的改变而改变。 求大侠指点,谢谢! mfc实现
点击按钮,实现展开和收起
首先是布局: 父布局采取相对布局,button和显示的布局可呈线性布局; 代码: OnClickListener btn_OnClickListener = new OnClickListener() { public void onClick(View v) { if (infoView.getVisibility() != View.GONE)//**
js实现展开和收起效果
JavaScript实现展开和收起效果,JS展开,JS收起,JS点击按钮加载。
展开全部和收起全部 如何写?
利 用 -webkit-line-clamp: 4; 默认是4行显示多余省略,点击时去掉此属性,就全部展示了。结合其他的css -webkit-line-clamp: 4;overflow: hidden; white-space: normal; text-overflow: ellipsis; -webkit-box-orient: vertical; ...
求treeview树全部展开和全部收拢的js代码
大哥大姐们~~这几天把我给急死了,快过年了,项目还没做完。。。我自己的js又不怎么好,能告诉我treeview全部展开和全部收拢的js怎么写吗,是asp.net的,我用C#的写了,但是会刷新页面。。所以只能用js了,帮帮我吧~~~!!!
这个折叠菜单如何实现全部展开和全部折叠功能呢
[code=HTML]rnrnrnrn rn jQuery多级下拉菜单rn rn rn rnrnrn rn rn 一级菜单rn rn 二级菜单 rn 二级菜单rn rn 三级菜单 rn 三级菜单 rn rn rn 二级菜单rn rn 三级菜单 rn 三级菜单rn rn 四级菜单 rn 四级菜单 rn 四级菜单rn rn 五级菜单 rn 五级菜单 rn 五级菜单 rn rn rn rn rn rn rn rn rn 一级菜单rn rn 二级菜单 rn 二级菜单 rn rn rn 一级菜单rn rn 二级菜单 rn 二级菜单 rn rn rn 一级菜单 rn rnrnrn[/code]
文章的查看全部和收起
多余的部分不显示,点击查看全部文章全部展示,箭头切换,再次点击收起
【iOS】UITableView中section的展开和收起
手机QQ大家都玩过。我们可以对好友进行分组,点击分组可以展开查看里面的成员,再次点击就可以收起分组。那么这个是怎么实现的?之前做项目的时候也使用过,最近有时间整理,就把之前是怎么操作的记录下来。在写之前也是百度了一下,发现网上的资源也不是很多,今天就附带截图和源码展现出来。如有需要完善的地方或是新的思路的,我们可以一起交流。 再看博客之前,请大家再去玩玩自己的手机QQ,明确一下自己的问题。带着目
jQuery展开和收起动画(掌握)
本套课程主要讲解内容如下: rn1.jQuery基础语法 rn2.jQuery小游戏开发 rn3.jQuery网页实战项目 rn4.jQuery实现原理 rn5.Ajax基础语法 rn7.Ajax企业网页实战项目
谁有树的展开和收起图标?
我找了几个但都不好看,谁有象eclipse里用的那种比较小的树的展开和收起图标?
使用listview的展开和收起效果
在实际项目中,许多地方都会用到类似ExpandableListView的效果,但是实际使用ExpandableListView的时候比较复杂,而且这个控件展开的时候会改变它的下标。比如: 点击展开第二项的子item时,子item的第一个下标为2,这样计算点击事件就比较复杂。 所以我想了思路比较的简单的,比较容易实现的方法。 大概思路是这样的:在布局中使用一个button加一个listvie
ios-cell点击的展开和收起.zip
代码很简单,注释也很详细,不做过多讲解。 可以加载网络数据,也可加载本地数据(plist)。
微信小程序功能——展开和收起查看
效果图 这里我是控制只显示2个数组 1.wxml 在{{!showMore? ‘hiddenmore’ : ‘showmore’}}中,如果showMore为false,则hiddenmore下的more-item列表都不显示 // WXML &amp;lt;view class=&quot;wrong-rate&quot;&amp;gt; &amp;lt;view class=&quot;wr-title&quot;&amp;gt;本班错题知识点汇总&amp;l...
"查找全部"和"全部替换"的功能如何实现?
想的我头疼,干脆直接问吧.rnrnCommonDialog中有通用的查找与替换的对话框吗?rn怎样使所查找的关键字在textbox或richtextbox中全部显示(选中状态)?rn如果"查找"与"替换"两个按钮使用同一个文本框作为输入关键字的载体的话该怎么办?
纯CSS3实现移动端展开和收起效果
纯CSS3实现移动端展开和收起效果 采用技术点: CSS3中的伸缩盒布局Flexible Box Layout CSS中的关系选择符 CSS中的伪类选择符 CSS中的属性选择符
android Notification的自定义和实现通知栏的展开和收起
最近写项目遇到了这样一个问题,就是如何才能实现通知栏的伸展,效果直接上图 通知栏伸展后是 其实实现这个效果还是比较简单的,但是查找了很多资料,大家都是说的马马虎虎,一样的模板,照抄照搬。 先来说一下如何实现Notification的自定义吧,这里需要设置的是Notification的ContentView,代码如下 remoteViews = new RemoteViews(get
Textview的展开和收缩功能
Textview的展开和收缩功能
Vue.js 数据展示全部和收起
如图所示,当我们获取到数据后每个栏都只显示5条,多出的部分隐藏,点击显示全部将数据都展现出来,如图所示  首先我们的数据类型是这样的, tableData: [ { &quot;comment&quot;: &quot;&quot;, &quot;lscm&quot;: [ ...
treeview把节点全部展开和关上的方法是什么?
求教!
怎么全部展开Tree
Tree有多个根接点,怎么全部展开。rn一个的话rnHTREEITEM hitem=m_TreeCtrl.GetRootItem();rnwhile (hitem&&m_TreeCtrl.ItemHasChildren(hitem))rnrn m_TreeCtrl.Expand(hitem, TVE_EXPAND);rn hitem=m_TreeCtrl.GetNextVisibleItem(hitem);rnrnrn那多个根怎么办
Flex的Tree全部展开
private function ExpandAll():voidrnrnrn // treeMenu.dataProvider是id为treeMenu所绑定的数据源是个xmllistrn for each(var item:XML in treeMenu.dataProvider)rn treeMenu.expandChildrenOf(item,true);rnrn我在网上找到一个 方法rn但 我的数据源是 ArrayCollectionrnprivate function ExpandAll():voidrnrnrn // treeMenu.dataProvider是id为treeMenu所绑定的数据源是个xmllistrn for each(var item in treeMenu.dataProvider)rn treeMenu.expandChildrenOf(item,true);rnrn我这样写好像没反应的 。。。rn数据源是 ArrayCollection有办法吗 ?
Tree的全部节点展开
大家都知道应该用expandChildrenOf(item,true),但是Flex2说明中很明确写道: &quot;If you set dataProvider and then immediately call expandChildrenOf() you may not see the correct behavior. You should either wait for the comp...
element-ui tree树形控件实现全选功能
项目中实现 tree 树形控件全选功能,如图: 代码如下: 1、template 代码中: &lt;el-checkbox v-model="checkAll" @change="handleCheckAllChange"&gt;全选&lt;/el-checkbox&gt; &lt;el-tree :data="organizationData" ref="organi...
实现新闻的展开和折叠
例如:一段内容过长了,我限制他显示为300字内,但是超出了300的就先用省略号代替,然后后面添加一个展开,点击展开后rnrn就显示所有的内容,这是,展开就变成了 折叠,点击折叠又变成了展开,并且,折叠后又像是300字内了;rnrn能在读取数据库的时候就处理么?还是要绑定给页面的数据的时候处理?怎么解决呢?还要无刷新的。给个效率高的解决办法
如何将treeview控件的条目全部展开,和全部收起?
如何将treeview控件的条目全部展开,和全部收起?
怎样实现“全部选中”功能?
我想实现许多邮件系统中都有的一个功能,如下:rn [ ] 邮件1rn [ ] 邮件2rn [ ] 邮件3rn [ ] 邮件4 rn [ ] 全部选中rn 当选择"全部选中"前面的复选框时,所有邮件的复选框都被选中,然后可以进行删除。rn 该怎样做?rn
展示全部商品功能的实现
Jsp框架: 一、1.商品缩略图2.商品价格,库存,种类;3.显示有货或无货状态; 二、展示页面分为三块,将商品缩略图划分为20%;商品价格,库存,种类宽度为40%,有货无货占40%; 三、因为使用到标签,引入jstl包和前缀: taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> 代码: table width="1
相关热词 c# login 居中 c# 考试软件 c# 自然语言分析 c# 分段读取文件 c# 泛型反射 c#打断点 c# 时间转多少秒 c# 线程函数加参数 c# modbus 读取 c#查询集合表