wijmo5 flexgrid怎么改变单元格的背景色

收藏

当单元格的内容被改变后，想把背景色变成黄色，请问怎么实现

把整行的背景色变成黄色的话，可以用
        var selection = flexGrid.selection;
        if (selection.isSingleCell) {
var curFlexGridRow = flexGrid.rows[selection.row];
curFlexGridRow.cssClass = “自己定义的CSS”;
        }

想只把被改变的单元格，而不是整行的CSS变成黄色，怎么实现？
不知道怎么才能得到FlexGrid的单元格对象

Alice · Alice

回复 1楼ifrozen的帖子

感谢对该问题的反馈。
我理解你需要获取到flexgrid，并更改单元格的背景色？

如果你想获取/设置flexgid的某个单元格数据，可以通过getCellData/setCellData?(r, c, value, coerce, invalidate)方法。

getCellData?(r, c, formatted)
setCellData?(r, c, value, coerce, invalidate)

复制代码

改变样式，可以通过itemFormatter来实现。
itemFormatter请参考在线示例。
http://demo.gcpowertools.com.cn/ ... er/#/grid/templates

根据你的描述，比如你想在一个单元格的值改变后，将这个背景色改变。
那么基本的思路是：1.使用cellEditEnded事件进行监控。2.通过itemFormatter通过改变编辑单元格的背景色

至于改变的规则等，都需要你写代码实现。

ifrozen · ifrozen

回复 2楼Alice的帖子

我是在CollectionView的collectionChanged事件里进行监视单元格的值和原始值比有没有改变的，现在当单元格的值改变后，已经能知道单元格的行号和列号了，但是怎么根据行号和列号把单元格的背景色改变了，还不会做？
cellEditEnded加事件监控方法的时候，事件有什么参数吗？
itemFormatter只能初期化的调用一次吗？

Alice · Alice

回复 3楼ifrozen的帖子

cellEditEnded提供了e.row, e.col可以获取到结束编辑状态的是哪个单元格。
结束编辑状态监控：

s.cellEditEnded.addHandler(function (s, e) {
//你的逻辑
setChanged(e.row, e.col);
});

复制代码

初始化的时候设置itemFormatter

//如果单元格内容改变，改变编辑单元格的背景色
s.itemFormatter = function(panel, r, c, cell) {
if (panel == s.cells) {
cell.style.backgroundColor = getChanged(r, c) ? '#e0e0e0' : '';
}
}

复制代码

其中setChanged/getChanged是你的代码逻辑，用来判断该单元格的值是否发生改变。

ifrozen · ifrozen

回复 4楼Alice的帖子

看来想改变单元格的背景色的话，只能在itemFormatter方法里面写了，
因为只有这个方法的参数会传入一个cell的HTML对象。
而且itemFormatter方法在单元格编辑的前后都会被调用。

多谢！

Alice · Alice

回复 5楼ifrozen的帖子

是的，分析的对。

不用客气。
为了给你提供更优质的服务，请对本次服务进行评分。我们会认真对待你提出的宝贵意见，谢谢

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

wijmo5 flexgrid怎么改变单元格的背景色

5 个回复

评分

评分

活字格认证

微信认证勋章

元老葡萄