formatItem中添加单元格颜色问题

登录

本帖最后由 arvin 于 2017-6-1 10:36 编辑

在formatitem事件中给cell添加css颜色，当横向滚动条出现到达一定程度时，颜色渲染就出现混乱，打印出来的行列颜色值都是正常的

正常情况

出现横向滚动条

打印的行列及颜色值正常

JeffryLI · JeffryLI

您好，我们有一篇的博客讨论过，您可以看看
http://blog.gcpowertools.com.cn/ ... _itemformatter.aspx
我们推测可能是在滚动刷新的时候，渲染未加判断，导致重新渲染了。

wcc1007 · wcc1007

我利用添加CSS类的方式定义颜色和javascript中添加类的方式，就避免了有滚动条引发的错误的颜色渲染.

gridPivot.onFormatItem = function(e) {
if (e.panel == this.cells && e.panel.columns[e.col].binding.includes('Diff')) {
var value = this.getCellData(e.row, e.col);
var glyph, color = "#d8b400";
if(value != null) {
if(value < 0) { // negative variation
glyph = 'down';
// color = "#9f0000";
e.cell.className += ' declining';
} else if(value > 0.05) { // positive variation
glyph = 'up';
// color = "#4c8f00";
e.cell.className += ' rise';
} else {
// glyph = 'circle'
e.cell.className += ' static';
}
}
// e.cell.style.color = color;
e.cell.innerHTML += ' <span style="font-size:120%;" class="wj-glyph-' + glyph + '"></span>';
}
};

复制代码

JeffryLI · JeffryLI

谢谢帮助

		自动登录	找回密码
密码			立即注册

3 个回复