javascript - 当页面上有一个大表格时，我可以加快 YUI 布局管理器的速度吗？

Question

我正在使用 YUI 布局管理器，它似乎以正常的速度工作。但是，如果页面包含<Table>大约 500 行的大页面，则 YUIrender()函数需要大约一分钟的时间才能运行。

当我在没有布局管理器的情况下打开同一页面时，它会在不到一秒的时间内打开。

我唯一关心的是IE 7。我在firefox上试了一下，只用了大约三秒钟。

关于什么需要这么长时间的任何想法？我可以以某种方式告诉布局管理器忽略表格吗？

Answer 1

我终于自己弄清楚了。

诀窍是隐藏布局管理器应该忽略的内容。

在为包含大量页面的标签调用render()set之前style.display = 'none'，您不需要布局管理器来管理。使用 后将其恢复正常style.display = 'block'。

Answer 2

你的意思是你的大表的 render() 方法需要很长时间吗？

YUI DataTable 有一个专门针对这种情况的renderLoopSize属性。它使表格每 X 行渲染到 DOM，而不是等到最后并一次性渲染它们。

var myDataTable = new YAHOO.widget.DataTable("myContainer", 
                         myColumnDefs, 
                         myDataSource, 
                        {renderLoopSize: 100});