如何知道选择了哪个项目?

时间:2017-09-05 13:02:44

标签: reactjs office365

在Microsoft Office 365中,结构存在反应DetailsList component。根据示例,可以知道选择了多少项。在构造函数中有:

this._selection = new Selection({
      onSelectionChanged: () => this.setState({ selectionDetails: this._getSelectionDetails() })
    });

这个组件有下一个方法:

private _getSelectionDetails(): string {
    let selectionCount = this._selection.getSelectedCount();

    switch (selectionCount) {
      case 0:
        return 'No items selected';
      case 1:
        return '1 item selected: ' + (this._selection.getSelection()[0] as any).name;
      default:
        return `${selectionCount} items selected`;
    }
  }

但是如何知道选择了什么项?我没有找到类似onItemClick方法的东西。

1 个答案:

答案 0 :(得分:1)

请注意:(this._selection.getSelection()[0] as any).name;。因此,要获取所选项目,您可以:this._selection.getSelection(),它应该返回一系列选定项目。