[转]解决Ext3.0以后版本Gridpanel不能更改列样式的BUG

最新推荐文章于 2019-11-12 15:22:23 发布

原创最新推荐文章于 2019-11-12 15:22:23 发布 · 155 阅读

0 ·

CC 4.0 BY-SA版权

EXT技术专栏收录该内容

0 篇文章

订阅专栏

本文探讨了在使用EXT JS GridPanel组件时，遇到数据更新后延迟显示的问题，并提供了解决方案。通过调整afterRender方法的实现，可以避免这种短暂的显示延迟现象。

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

在EXT3.0后的版本，在GridPanel加载数据时你更改了某一列某一行的数据的显示方式，很奇怪的是当你的Panel渲染后，在前一瞬间你能看到你所改变的显示方式，但马上不见了

如果改成2。0的版本发现没有问题

更改方法如下：

gridPanel = new Ext.grid.GridPanel({
store: store,
cm: cm,
sm: sm(),
afterRender : function() {
Ext.grid.GridPanel.superclass.afterRender.call(this);
var v = this.view;
this.on('bodyresize', v.layout, v);
if (this.deferRowRender) {
//v.afterRender.defer(10, this.view);
} else {
v.afterRender();
}
this.viewReady = true;
},
stripeRows: true,
frame: true,
viewConfig: {
forceFit: true
}
});

其中始作俑者就是被注释掉的这一行： //v.afterRender.defer(10, this.view);

也就是说我们现在在建GridPanel时只要加一个这样的属性：

afterRender : function() {
Ext.grid.GridPanel.superclass.afterRender.call(this);
var v = this.view;
this.on('bodyresize', v.layout, v);
if (this.deferRowRender) {
//v.afterRender.defer(10, this.view);
} else {
v.afterRender();
}

他就会把原来的ext-all中的gridpanel中的afterRender 方法给重写掉

这样就不会出现那种问题了

转自:http://hi.baidu.com/dream_zl/blog/item/218a2d31cd79ffa45edf0eb2.html