javascript 如何获取Fluent UI DetailsList组件上的选定项

koaltpgm 于 2023-01-01 发布在 Java

关注(0)|答案(1)|浏览(193)

我想使用DetailsList组件https://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist并选择项目。据我所知，该组件没有提供获取选定项目的 prop 。我只看到onActiveItemChanged prop ，它只提供了单个项目，而不是所有选定项目。

我检查了下面的问题，但答案似乎不起作用

Getting selected items in Fluent UI DetailsList

我想创建一个空数组的状态，并将所选项目推送或过滤到其中，但还有另一个问题。场景：

1.单击标题上的复选框以选择所有项目
1.如果单击某个项目的复选框，则该项目将变为未选中状态，而其他项目仍处于选中状态
1.如果我单击一个项目的任何字段而不是复选框，则其他项目将变为未选中状态，而我单击的项目将变为选中状态。
因为这个原因--也许我将来还会有其他问题--我也不能使用状态。
我会很高兴，如果我能得到当前选中的复选框上的DetailsList组件.

JavaScript

来源：https://stackoverflow.com/questions/74961808/how-to-get-selected-items-on-fluent-ui-detailslist-component

1条答案

按热度按时间

dxxyhpgq1#

我找到了答案。

从@fluentui/react导入Selection
将selection={selection}添加到详细信息列表属性
然后在返回组件之前执行以下操作：

const selection = new Selection({
  onSelectionChanged: () => {
    const selectedItems = selection.getSelection();
    // Do something with the selected items'
    console.log(selectedItems, "ewgergre");
  },
});

赞(0）回复(0）举报 2023-01-01

我来回答

javascript 如何获取Fluent UI DetailsList组件上的选定项

1条答案

相关问题

热门标签

最新问答