antd 中 Tree 的使用-默认选中问题

在使用antd的Tree 控件的控件的时候，数据回显的时候发现所有的都选中了，很奇怪

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

我是这样设置的 defaultCheckedKeys

defaultCheckedKeys

默认选中复选框的树节点

默认选择的节点，为什么选中了所有的节点

并且有一个特点是，如果父节点是选中状态，那么子节点就默认选中了，那么这样的回显并不是准确的，所以问题在于当回显的时候父节点被选中了，子节点不需要被选中

checkedKeys	（受控）选中复选框的树节点（注意：父子节点有关联，如果传入父节点 key，则子节点自动选中；相应当子节点 key 都传入，父节点也自动选中。当设置 `checkable` 和 `checkStrictly`，它是一个有`checked`和`halfChecked`属性的对象，并且父子节点的选中与否不再关联	string[] \| {checked: string[], halfChecked: string[]}	[]
checkStrictly	checkable 状态下节点选择完全受控（父子节点选中状态不再关联）

checkStrictly 可以实现这个功能

               <Tree checkablecheckStrictlyshowLinemultipleautoExpandParenttitleRender = {(nodeData) => {return <span style = {{fontSize: '18px',}} > {nodeData.title} < /span>}}defaultCheckedKeys={this.state.defaultCheckedKeys}defaultExpandedKeys = {this.state.defaultCheckedKeys}onCheck = {this.onCheck}treeData = {this.state.treeData}/>

希望对你有所帮助

antd 中 Tree 的使用-默认选中问题相关推荐

vue中单选框设置默认选中值
vue中单选框的默认选中不同于传统方式设置checked,是通过在data中设置vulue来实现的 html部分是通过v-for取的后台的数据 <li v-for="(value,i) ...
antd Tree 展开和默认选中
这两天在学习antdTree,想着利用这样的一个功能做一个模块的授权管理,想法很好的,但是实行起来确实是有点难度一开始,Tree 渲染处理了,也出现数据了,我发现官网上说的很多属性,我应用进来并没有 ...
GridView中如何实现checkbox 默认选中
在 RowDataBound事件中 if(e.Row.RowType==DataControlRowType.DataRow) { checkbox chk=(checkbox)e.row.fin ...
React AntD 表格查看修改时默认选中几行数据
hook定义selectedRowKeys const [selectedRowKeys, setSelectedRowKeys] = useState([]); const [selectedRow ...
php中单选框可以默认选中吗,php selectradio和checkbox默认选择的简单示例
这篇文章主要为大家详细介绍了php selectradio和checkbox默认选择的简单示例,具有一定的参考价值,可以用来参考一下. 感兴趣的小伙伴,下面一起跟随512笔记的小玲来看看吧!这是扩展y ...
antd日期选择组件a-range-picker默认选中的时分秒
<a-range-picker:value="noticeTime":showTime="showTime"format="YYYY-MM-DD ...
ElementUI-table切页保存已勾选和被取消勾选（附默认选中）
文章目录期待实现效果实现方法后端返回数据格式,其中``checkkeys``表示被选中列表项的``id集``, 代码期待实现效果后端返回数据中带被选中列表项的id集,在此id集的默认选中: ...
select下拉菜单默认选中selected属性不起作用
使用select标签写下拉菜单时对option默认选中的"selected"无效,没有实现默认选中先确定在脚本中是否存在第一次加载的时候更改了select里面的属性解决:在se ...
vue 复选框默认选中_vue 实现单选框设置默认选中值
vue 实现单选框设置默认选中值 vue中单选框的默认选中不同于传统方式设置checked,是通过在data中设置vulue来实现的 html部分是通过v-for取的后台的数据生成后的代码就是 js ...

antd 中 Tree 的使用-默认选中问题

antd 中 Tree 的使用-默认选中问题相关推荐

最新文章

热门文章