日期:2014-05-16  浏览次数:20327 次

ExtJS渲染失败解决方案

ExtJS是一种主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架,它功能丰富,界面优美,不过在项目管理信息系统开发的过程中,发现ExtJS框架经常出现页面渲染失败的现象,主要表现在数据的列表页面

?

1????? 如何判断页面是否渲染成功

?debugger模式下,通过对gridPanel渲染成功时生成的panel对象的属性与失败时生成的panel对象的属性进行对比,发现当渲染成功时panelwidth属性总是大于0,而失败时panelwidth属性总是小于或等于0,如下图:??????? ?

渲染失败

渲染成功

2???? 解决方法

2.1?? 当页面只有一个panel

当页面只有一个panel时,只需要在其返回一个panel对象前判断此panelwidth属性,如果属性值小于或等于0,则重新加载。

2.2?? 当页面存在多个tapPanel