当我在页面上有一个大表时,我可以加快 YUI 布局管理器的速度吗?
Can I speed up the YUI layout manager, when I have a large table on the page?
我正在使用YUI布局管理器,它似乎以良好的速度工作。但是,如果页面包含大约 500 行的大型<Table>
,则 YUI render()
函数的运行时间大约需要一分钟。
当我在没有布局管理器的情况下打开同一页面时,它会在不到一秒钟的时间内打开。
我唯一关心的是IE 7。我在火狐上尝试了一下,只花了大约三秒钟。
关于什么需要这么长时间的任何想法?我可以以某种方式告诉布局管理器忽略表格吗?
我终于自己想通了。
诀窍是隐藏布局管理器应忽略的内容。
在调用render()
之前,请为包含大量页面的标记设置style.display = 'none'
,而无需布局管理器进行管理。使用style.display = 'block'
后将其恢复正常。
你的意思是大表的 render() 方法需要很长时间吗?
YUI DataTable 有一个专门针对这种情况的 renderLoopSize 属性。它使表每 X 行渲染一次到 DOM,而不是等到最后并将它们全部渲染一次。
var myDataTable = new YAHOO.widget.DataTable("myContainer",
myColumnDefs,
myDataSource,
{renderLoopSize: 100});
相关文章:
- 访问布局信息是否也会导致浏览器重排
- 使用agility.js进行页面布局和合成
- 同位素库错误:未捕获错误无布局模式包装生产线8
- 如何实现此布局
- 有没有一个javascript图形绘制库可以进行气球树布局
- vaadin:使用自定义布局集成angular js
- 如何在屏幕外或项目的中心视口中跟随YUI驱动的动画
- 鼠标输入在 YUI 的 chrome 中不起作用
- 使用KnockoutJS绑定的YUI DataTable
- 布局中的项目管理
- 如何操作d3js树布局
- 在HTML/JavaScript中,有没有一种方法可以在图像开始加载时知道图像的最终布局尺寸
- 在链接d3强制布局中添加和删除类
- 为什么jquery悬停在jsfiddle中可以工作,而在我的html布局中却不能
- 骨干木偶-布局视图僵尸
- 以下数据布局在设置显示上向上移动:无
- 如何在Marionettejs中渲染根布局
- 使用jQuery库Packey来制作卡片布局,我可以用导航链接重新订购
- 使用YUI布局和自动完成
- 当我在页面上有一个大表时,我可以加快 YUI 布局管理器的速度吗?