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 应自动检查和禁用。简而言之，我想从父行切换按钮控制子行切换按钮的行为。请帮忙。

解决方法

详细了解状态机制后，问题解决了。