当通过开发人员工具查看时，Wizmo5 flexgrid无法在浏览器中完全呈现 [英] Wizmo5 flexgrid not rendering completely in browser when seeing through developer tools

问题描述

使用编码测试自动化使用wijmo网格滚动的屏幕。


问题是无法记录所有单元格，因为滚动后出现的单元格不能在DOM中渲染，这从浏览器的Inspect元素特征中可以看出。

Using coded-ui-tests to automate a screen which is using wijmo grid with scroll.

The problem is not able to record all the cells, as the cells which appear after scroll does not render in DOM, this is evident from Inspect element feature of browser.

如何捕捉单元格？

编辑：这里的问题是，只有可以看到的单元格才能在dom中呈现，我们可以看到，而右边的网格部分即滚动后出现的部分不会被渲染。

Edited: The issue here is that only the cells which are visible is getting rendered in dom as we can see, while the part of the grid which is on right i.e. which will appear after scrolling is not getting rendered.

• 红线只显示可见单元格，而不是右边的网格。


• 黄色突出显示的div显示新行的开始（不应在实际情况下，直到上述行的所有单元格都不呈现为止）。

推荐答案

为了记录，Wijmo Flexgrid已经内置了virtualizatio，因此，只有可见的单元格在DOM中渲染。这是控制的设计行为，以提供良好的性能。否则，如果网格中有10000条记录，并且每条记录都被渲染，则需要花费大量时间。您可以通过不设置FlexGrid的高度来显示所有记录。

For record, Wijmo Flexgrid has inbuilt virtualizatio and therefore, only visible cells are rendered in the DOM. This is the design behavior of the control in order to provide good performance. Else, if there are 10000 records in the grid and each is rendered then it would take a lot of time. You can display all the records by not setting the height of FlexGrid.

这篇关于当通过开发人员工具查看时，Wizmo5 flexgrid无法在浏览器中完全呈现的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！