Javascript Dojo DGrid将格式应用于单元格内容

我有一个dgrid，当选中该行的复选框时，我试图通过在单元格中的文本下划线来设置单元格样式

我的方法是在选中该行的复选框后将css类附加到该项。然而，这不起作用。下面是一把小提琴和我的密码

选中行的复选框后，如何设置单元格样式

HTML

<div id="grid" class="grid"></div>

---

您附加类并使用CSS设置其样式的方法对我来说很好

您可能希望挂接dgrid select事件，如下所示：

grid.on('dgrid-select', function (event){
    event.rows[0].element.style.color = 'red';
});

以下是行动中的变化：

顺便说一句，JSFIDLE+1。当一切就绪时，我们更容易回答。：）

显然，如果一次选择多行，则事件的rows属性具有多个项

如果您有兴趣在取消选择行后删除该类，还将出现dgrid deselect事件

---

更多文档在这里：

如果我选中标题复选框（全选），则只有第一行发生更改，您不需要实现标题选择事件。我猜您没有注意到我关于“显然，如果您同时选择多行，那么事件的rows属性有多个项”的评论。我的意思是，您需要循环处理行数组中的每一项，因为dGrand选择事件可能指的是同一事件中的多行。这是真的，我想我错过了，但是再次感谢。您也可以考虑简单地添加样式来应用到<代码> .dGrand选择< <代码> >类，而不是需要添加一个您自己的类。

#grid .completed {
    text-decoration: line-through;
    font-style: italic;
}

grid.on('dgrid-select', function (event){
    event.rows[0].element.style.color = 'red';
});