Wizmo5的FlexGrid通过开发工具看到的时候没有完全浏览器中呈现 [英] Wizmo5 flexgrid not rendering completely in browser when seeing through developer tools

问题描述

使用codeD-UI-测试自动化这是使用wijmo网格滚动屏幕。搜索结果
问题不在于能够记录所有的细胞，滚动之后，出现在DOM并不使细胞，这是来自浏览器检查的元素特征明显。

我怎样才能赶上细胞？

编辑：这里的问题是，只有它们是可见的DOM是越来越呈现为我们可以看到细胞，同时网格的部件，它是在右即滚动不获取渲染之后将出现

• 红线仅显示可见单元格呈现不这是对网格的右边的人。


• 黄色突出显示的div显示新行的开始（这不应该是在实际情况下，直到上述行的所有细胞不渲染）。

解决方案

有关记录，Wijmo的Flexgrid具有内置virtualizatio，因此，唯一可见的细胞在DOM渲染。这是为了提供良好的性能的控制设计的行为。否则，如果有10000条记录在网格和各呈现那么这将需要大量的时间。您可以通过不设置的FlexGrid的高度显示的所有记录。

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.

How can I catch the cells?

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.

• The red line shows only the visible cells are rendered not the ones which are towards right of the grid.
• The yellow highlighted div shows the start of new row (which should not be in the actual case until all the cells of above row are not rendered).

解决方案

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屋！