问题标签 [iron-list]

我希望在浏览器中显示一个日志文件。我有一个服务器正在跟踪日志并通过 websocket 将一系列行发送到浏览器。

我面临的问题是显示此日志时的性能。我正在做一些操作以提取元数据等，但我认为这不是问题。

我正在使用 Polymer 的 Iron-list 虚拟化列表并为您管理滚动，但我认为问题在于日志行有很长的单词，浏览器为了布局而中断，而 Polymer 必须管理这些单词。

这会导致滚动和显示显着滞后。过去有人遇到过这种情况并知道任何解决方案吗？

编辑：

我也有滚动时消失的项目，可能是因为：https ://github.com/PolymerElements/iron-list/issues/102

如果有帮助，我很乐意在这里使用其他一些库。

这个实时片段构建了一个使用iron-list. 列表中的每个项目都有一个删除按钮，单击该按钮可从列表中删除该项目。当一个项目被移除时，所有下一个项目都会向上移动，但最后一个显示的项目会保留而不是消失。

根据这个 stackoverflow，只需触发resizeIron-list 上的事件就足够了。但在我的片段中，这没有帮助。iron-resize官方iron-list 文档中的或 notifyResize 函数都没有。

考虑下面的代码，其中<my-item>总是有一个固定的200px内部宽度<iron-list grid>

我打算通过设置with的宽度始终显示每行 2 秒（可以拉伸）来做出<my-item>响应。我注意到 CSS似乎没有按预期工作。<my-item><my-item>width: calc(50% - 32px)calc()

如何设置内部 Polymer 组件的响应宽度<iron-list grid>？

我是 Polymer 的新手，所以我尝试了几乎所有在 Internet 上找到的东西，但没有奏效。我只有一个白页。我做错了什么？这是我的代码

而这个data.json：

我想使用 iron-list 显示具有顶部和底部边距的项目网格，但没有结果。我正在使用聚合物 2.0 和 iron-list 2.0.16。当我突出显示 Iron-list 中的任何项目时，边距不显示，但出现在 devtools 中。我不知道我做错了什么。我尝试修复它但没有成功。...

...

这就是我得到的

我该怎么做才能使 16px 的顶部和底部边距起作用。提前致谢。

聚合物 1，我在铁列表中：

向 中添加首选项对象时item.preferences，我无法获取计算绑定 hidden="[[_isDirtyData(item.*)]]"来检测更改。相反，我不得不添加看起来过多的整个数组itemCollectionCopy。hidden="[[_isDirtyData(item.*, itemCollectionCopy)]]"

为什么计算的绑定不能检测到 just 的变化 hidden="[[_isDirtyData(item.*)]]"？

将 Polymer 1.* 与铁列表一起使用。我对 Iron-list 行垂直响应有疑问。

例如，在下面的示例中，当文本在第一行中折叠时，查理布朗上方的行与查理布朗行/文本重叠。

我看到每一行都是 position: absolute by iron-list，所以不确定我是否可以对此做些什么。

有什么建议么？

我想用 Iron-list 实现延迟加载。我正在为我的应用程序使用打字稿。我找到了这个例子。但它不适用于打字稿。向下滚动时不会触发该事件。单击列表项时触发。向下滚动时如何实现？我的铁列表是页面的一部分，所以当向下滚动到列表末尾时，我想从服务器添加更多结果