首页 > 其他分享 >ant-design Tree树形控件,通过expandedKeys控制收缩或折叠失效

ant-design Tree树形控件,通过expandedKeys控制收缩或折叠失效

时间:2024-04-29 10:47:08浏览次数:12  
标签:控件 钩子 Tree expandedKeys 树形 收缩 赋值

一、概述

Ant Design的树形组件Tree,通过属性expandedKeys手动控制组件的展开和收缩时,点击节点后更新expandedKeys属性值可以正常展开,再点击左侧三角形小图标时(onExpand)却不能收缩了。

 

 

二、问题分析

a. 根据以往经验,出现keys的问题,一般是由key的数据重复或类型(尤其 Number 和 String 混用)不统一造成的。

b. 官方给出的方法钩子是异步的,造成钩子函数里的数据操作受影响(要么在拿到预期值之前就赋值,要么赋值之后还没更新完视图再次被更新)。这时,就要确保预期值的实时更新。

 

很显然,a选项很容易排查,本人经历的bug也不是a选项造成。那么,b选项该怎么解决? 如下图:

 

 动态控制展开与收缩的钩子函数

 虽然赋值的数据是一样的,但是只有采用后者的处理方式才可以解决该问题! ^_^

 

 

 

 

 

翻译

搜索

复制

标签:控件,钩子,Tree,expandedKeys,树形,收缩,赋值
From: https://www.cnblogs.com/bky419/p/18165167

相关文章

  • C# Winform常用控件缩写大全
    平常写小工具经常用到Winform编写测试工具,经常忘记控件缩写,所以在网上看了篇文章后,把他记录下来,方便自己查找。标准控件1btnButton2chkCheckBox3cklCheckedListBox4cmbComboBox5dtpDateTimePicker6lblLabel7llbLinkLabel8lstListBox9lvwListView10m......
  • 读《我和Labview》7控件的局部变量和属性
    7.1控件与变量之间的关系7.2控件的标签和标题7.3控件的默认值7.4局部变量7.4.1创建局部变量7.4.2把数据写入控制控件,或从显示控件读取数据7.4.3应用与多线程间的共享数据7.5属性节点和调用节点7.5.1属性节点7.5.2关联控件7.5.3调用节点7.5.4应用实例-移动控件7.5.5应......
  • 读《我和Labview》6用户自定义控件
    枚举枚举型控件与下拉列表控件的比较单选按钮控件创建和使用一个枚举控件用户自定义控件创建一个自定义控件自定义控件的组成部分修改控件的组成部分简单动画自定义类型严格自定义类型......
  • LSM Tree 简笔
    LSMTree总览写流程:就地写,写入memTable当activememTable满后,转变为readOnlymemTable,在合适时机flush入磁盘。当前level数据满后,进行归并操作,把数据排序,去重后转入下一level。背景介绍两种场景,读多写少,写多读少。原地写写操作:找到老数据所在位置,更新,IO操作,慢。......
  • 界面控件DevExpress Office File API中文教程 - 如何实现PDF转换?
    DevExpressOfficeFileAPI是一个专为C#,VB.NET和ASP.NET等开发人员提供的非可视化.NET库。有了这个库,不用安装MicrosoftOffice,就可以完全自动处理Excel、Word等文档。开发人员使用一个非常易于操作的API就可以生成XLS,XLSx,DOC,DOCx,RTF,CSV和SnapReport等企业级文......
  • vue3使用echarts的tree,自己写事件进行分页
    vue3使用echarts的tree,自己写事件进行分页  先到npmjs官网查看当前使用最多的版本https://www.npmjs.com/package/echarts 看了下5.5.0用的最多[email protected] 以下的demo(“@/flare”是后面的flare.json数据)<template><divid="chart-container"></div......
  • CF1709E XOR Tree
    linkSolution:PART1:转化首先套路地预处理出每个节点到根节点(\(1\)号节点)路径上的点权异或和\(w[u]\)。可以发现题意容易转化为:给定一棵\(n\)个节点的树,问你最少可以把它分成多少个联通块,使得每个连通块中的节点两两路径上的异或和不为0。易知对于一个节点,若它要被割......
  • CF771C Bear and Tree Jumps
    题目大意:给定一棵有\(n\)个节点的树,要你统计\(\sum_{1\lex\ley\len}{dist(x,y)/k}\)(\(dist(x,y)\)表示\(x\)到\(y\)的距离)\(n\le2\times10^5,k\le5\)解法:一道换根\(dp\)套路题。首先看到树上统计问题,考虑树形\(dp\),那么我们设\(g(u)\)为以\(......
  • Appium控件交互策略:优化自动化测试效率的关键方法
    简介与Web元素操作一样(参考SeleniumWeb元素操作),定位到APP控件元素后,可以对控件进行一系列的操作,实现与APP交互,比如点击、文本输入、元素属性获取等。控件交互常用方法常见操作点击方法element.click()。输入操作element.send_keys('appium')。清除操作element......
  • WPF控件:密码框绑定MVVM
    以下是一种使用MVVM模式的方法:首先,在ViewModel中添加一个属性来保存密码,我们可以使用SecureString类型。//密码变量privateSecureString_password;//密码属性,用于获取和设置密码publicSecureStringPassword{get{return_passw......