简析 deferRowRender

最新推荐文章于 2021-01-14 16:29:00 发布

原创最新推荐文章于 2021-01-14 16:29:00 发布 · 258 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Ajax #Flash #CSS #框架 #IDEA

framework / lib 专栏收录该内容

72 篇文章

订阅专栏

本文探讨了使用ExtJS Grid时遇到的问题：在新版中设置选中第一行记录后，界面未能立即高亮显示该行。文章分析了问题的原因，并提供了修改deferRowRender属性以解决此问题的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在用 extjs Grid 静态载入数据时，我一般默认初始要选中第一行，即

grid.render(this.div);
grid.getSelectionModel().selectFirstRow();

但 2.2 如果不注意的话可能会出现的情况：事实上 grid.getSelection 已经得到第一行的数据，而界面上第一行却没有高亮，初看源代码发现并没有什么问题，但是经测试

grid.render(this.div);
alert(1);
grid.getSelectionModel().selectFirstRow();

发现 alert 时浏览器尚未显示 grid 的界面，这也就解释了，在我设置选择后，界面并没有渲染出来导致

原因：原来 grid 新版增加了一个 deferRowRender ，默认为 true ，则这样的话，当调用 render，render 调用 afterrender，由于 grid 采用 m,v 分离模式，grid 选择模型已经搞好了，而

 if(this.deferRowRender){
            this.view.afterRender.defer(10, this.view);
        }else{
            this.view.afterRender();
        }

设置了 deferRowRender ,则界面的渲染还要等一会，然而我在调用 render 后立刻调用 select，虽然 select 设置了 0行的css，不过马上新的渲染开始，冲掉了原先的设置，故逻辑上对了，而表现不对，但为什么新版要这样做呢，说是为了效率，可能先让 grid 的框架出来（表头，边框），然后再慢慢渲染以行行的数据，可能用户看着舒服点，不过好像view没有提供渲染成功的事件。

我只好手动设置 deferowrender=false 现在表现一致了。