代码之家 › 专栏 › 技术社区 › rony l

如何使用div而不是pivot link的按钮

office-ui-fabric

1

rony l · 技术社区 · 7 年前

我想定制一个 PivotItem 使其关闭(类似于浏览器选项卡)。

我提供了一个习惯 onRenderItemLink 实现确实显示 X 标签右侧的图标,以及 onClick 方法关闭选项卡。

我面临的主要问题是 数据透视项 是用 button ( Pivot.Base.tsx 呈现 Commandbutton ,截取上的所有onclick事件 Firefox 是的。

Firefox不允许按钮下的onclick事件(这似乎符合标准,因此不认为是bug),因此我永远无法关闭Firefox上的选项卡。

在这种情况下,有没有办法强制fabric ui创建div而不是按钮?

有没有其他方法强制div在那里(某种方法拦截fabric ui创建的内容并用div切换按钮)?

谢谢你的建议。

1 回复 | 直到 7 年前

1

rony l 7 年前

如果按钮在右边被点击,最后关闭了标签页

const clickX = clickEvent.pageX;
const buttonRight = clickEvent.currentTarget.offsetLeft + clickEvent.currentTarget.offsetWidth ;
if (buttonRight - clickX <= 40) {
  removeTab(tab);
}