如何在DetailsList控件中设置选中的项目

Question

我使用 office-ui-fabric-react 库中的 DetailsList 组件：

   import {DetailsList} from 'office-ui-fabric-react/lib/DetailsList';
   render () {
      const item = [
        {value: 'one'},
        {value: 'two'}
      ]
      return (
        <DetailsList
            checkboxVisibility={CheckboxVisibility.always}
            items={items}
            selection={selection}
        />
    }

如何设置值“二”的已检查项目？

Answer 1

注意到您将 a 传递给了selectionDetailsList。有几种方法selection可以做到这一点，包括：

• setAllSelected(isAllSelected: boolean)
• setKeySelected(key: string, isSelected: boolean, shouldAnchor: boolean)
• setIndexSelected(index: number, isSelected: boolean, shouldAnchor: boolean)

在您的情况下，您可以为每个值指定一个key。然后调用setKeySelected某个地方（例如，componentDidMount）来告诉DetailsList选择特定的项目。