Question

我在单选表的每一行中实现<IconMenu>。 <Table onRowSelection=提供跟踪当前行的事件。不幸的是，如果用户首先选择该行，则点击<IconMenu>该行会首先看到<IconMenu>上的点击取消选择，因此当<IconMenu><MenuItem onClick=触发时没有选定的行。

我已经破解了一些（保留最后看到的选择），但仍有问题;特别是，行突出显示消失了，因此用户可能不确定他们点击了哪一行。

当单击行中的<IconMenu>时，是否有一种干净的方法可以完全禁止行选择行为？

你是否我想我应该在https://github.com/callemall/material-ui上写一个问题吗？

Answer 1

您可以通过在包含<IconMenu>的每个事件中停止事件传播来解决此问题。为了做到这一点，只需为每个包含<IconMenu>的onClick处理程序添加一个。像这样：

<TableRowColumn>
    <div onClick={(e) => {e.stopPropagation()}}><IconMenu></div>
</TableRowColumn>

在Material-UI单选中，如何实现行内控件？

1 个答案: