antd Tree 展开和默认选中

这两天在学习antdTree，想着利用这样的一个功能做一个模块的授权管理，想法很好的，但是实行起来确实是有点难度

一开始，Tree 渲染处理了，也出现数据了，我发现官网上说的很多属性，我应用进来并没有效果

比如说：

defaultExpandAll ={true}

我用上了，但是渲染出来的树形列表还是没有展开

然后这些属性：defaultExpandedKeys，defaultCheckedKeys 也没有什么用

我甚至开始怀疑是不是antd 这个框架的问题，虽然我很自信，但是想到毕竟是大公司发布的，我这颗幼小的慢慢的被屈服了，应该是我自身的问题

然后在网上开始翻阅各种资料，但是这方面的介绍还是比较少的，不过功夫不负有心人：

我找到了，我们应该先判断树的数据是否存在，然后再去渲染树

 {this.state.treeData.length>0?(<Tree checkable showLine = {true}multiple={true}titleRender = {(nodeData) => {return <span style = {{fontSize: '18px',}} > {nodeData.title} < /span>}}defaultCheckedKeys={this.state.defaultCheckedKeys}defaultExpandedKeys = {this.state.defaultCheckedKeys}onSelect = {this.onSelect}onCheck = {this.onCheck}treeData = {this.state.treeData}/>):null}

经过我有效的模仿和抄袭，实现了效果：

希望对你有所帮助

原文地址：

antd树形控件Tree的展开 - 阿凡凡没有提 - 博客园

antd Tree 展开和默认选中相关推荐

antd 中 Tree 的使用-默认选中问题
在使用antd的Tree 控件的控件的时候,数据回显的时候发现所有的都选中了,很奇怪 <Tree checkable ={true}showLine = {true}multiple={true ...
antd的Radio设置默认选中
当时用antd组件库的Radio单选框时,设置默认选中 const Demo = () => {return (<Formname="validate_other"{. ...
easyui tree 默认选中第一个元素
系统采用ajax异步调用后端接口做数据呈现,有个场景就是加载的树形菜单默认选中第一行,网上有人分享的解决方案能实现效果(http://aokunsang.iteye.com/blog/1489204) ...
antd checkbox 默认选中_antd + select 默认选中问题？
题目描述 react + antd select 默认选中问题题目来源及自己的思路我是通过 const { getFieldDecorator } = this.props.form;来设置他们的 ...
antd Card组件默认选中
antd Card组件,按照文档,设置了默认值,热更新后,效果正常,完美. 开发过程中,为了防止浏览器有缓存,经常性地会手动点击浏览器的刷新按钮.就是这么一点,让我在设置默认选中上,多停留了几分钟. ...
jeecgboot：主表（antd table）默认选中第一条记录
问题描述: 使用jeecgboot框架生成ERP主题的主附表样式,主表默认不选中任何记录,每次需要手动点击一条,下边的附表才能显示对应的查询记录,我们现在要做的是让主表默认选中第一条. 解决思路: 刚 ...
antd 可展开表格点击展开多行默认收起上一行只保留一行展开数据
因为antd可展开表格可能存在数据污染的问题,最好的解决办法是只显示当前展开行,网上现在还没有类似的demo,折腾了一早上终于整出来了,心酸打工人以下配置对可展开表格和嵌套表格均适用,嵌套表格放在父 ...
antd table如何默认选中第一行，并添加背景色
table配置 <Tablecolumns={this.state.columns}dataSource={this.state.tableData}bordered// loadingrowC ...
Vue项目里设置el-tree默认选中的背景色和字体色以及鼠标悬停的背景色
el-tree默认选中的背景色是白色,有时候我们需求是一进入到页面就要发请求,并且设置默认选中的背景色改为蓝色,字体色为白色,然后选中的项也是背景色改为蓝色,字体色为白色,那这个时候我们可以给el-t ...

antd Tree 展开和默认选中

antd Tree 展开和默认选中相关推荐

最新文章

热门文章