如何解决Fabric DetailsList 根据父行更改子行控件
我有一个详细列表,如下所示。
<DetailsList
selectionPreservedOnEmptyClick={false}
items={projectData}
columns={getGridColumns()}
setKey="set"
layoutMode={DetailsListLayoutMode.justified}
isHeaderVisible={true}
selectionMode={SelectionMode.single}
>
</DetailsList>
我的问题是关于一列 Executed 呈现的 Toggle 如下所示。
{
key: "executed",maxWidth: 80,minWidth: 10,name: "Executed YES/NO?",isResizable: true,isCollapsible: true,data: 'string',onRender: (item: IProjectTask) => {
return <Toggle onText="On",OffText="Off" />
}
}
渲染后显示如下。这个 DetailsList 绑定到一个数组,如你所见 project 0 是 project1 和 project2
的父级我的问题是:当我更改父行上的 Executed 切换按钮时,子行 Executed 应自动检查和禁用。简而言之,我想从父行切换按钮控制子行切换按钮的行为。请帮忙。
解决方法
详细了解状态机制后,问题解决了。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。