问题标签 [detailslist]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
669 浏览

reactjs - Fluent UI DetailsList 在 ColumnResize 上调整列文本的大小

我有一个包含文档数据的详细信息列表,并且我想要与常规文档库中的 FileName 列相同的行为。在文档库中,在调整 FileName 列的大小时,当文件名大于列宽时,FileName 文本会显示 ...。

我们如何在 DetailsList 列中做到这一点?现在我正在使用自定义反应组件来呈现 FileName 列的单元格值,其中 Label 控件呈现文件名文本。我正在捕获列调整大小事件并将列宽作为 rxjs 事件传递给该自定义反应组件。该事件正在每个单元格内捕获,但如何调整标签控件的大小?

有没有比使用 RxJS 事件更好的方法?

所有这些都在 SPFx React WebPart 组件中。

0 投票
1 回答
419 浏览

reactjs - 在 DetailsList 中使用 fluentui/React 保持分页之间的选择

如何在 fluentui/React 中的 DataList 中保持分页之间的选择

0 投票
0 回答
143 浏览

sharepoint-online - 需要在通过 SPFX 右键单击​​任何项​​目时使用上下文菜单实现流畅的 UI 详细信息列表

我创建了一个 spfx webpart。使用 Fluent UI DetailsList with Grouped 来显示列表项。我正在关注https://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist/grouped

现在我想要一个上下文菜单,其中包含不同的操作选项,应该在右/左单击该项目时显示。

请指导我。

提前致谢!

0 投票
0 回答
32 浏览

javascript - 拖动时覆盖 DetailsList 光标样式

我想知道是否有办法在拖动时更改 Fluent UI 的控件“DetailsList”光标?默认情况下,光标看起来像这样,但是当元素被拖动到允许的区域时,我希望有一个“光标:抓取”。谢谢你的信息!

示例:https ://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist/draganddrop

0 投票
0 回答
11 浏览

fluentui-react - 如何在流利的 ui 列表视图中保存列大小和过滤器的状态

我需要放弃使用 Ag-Grid 以支持 office-ui-fabric-react DetailList Ag-Grid 允许我保存用户设置的所有列选择和宽度的状态,以便我可以在刷新时将其重新设置(每个30 秒)

有没有一种简单的方法可以使用 office-ui-fabric-react DetailList 来做到这一点?

谢谢