javascript - 动态添加 css 类到行

Question

我正在使用 SlickGrid，并且想要动态向行或行中的单元格添加 css 类。

此方法将类 highlight 添加到第 0 行的 Name 列:

grid.setCellCssStyles("highlight", {
   0 : {
       Name: "highlight",
       }
 });

而我想实现将 css 类设置为另一个变量中定义的行。我尝试了如下所示，但它不起作用:

row = 0;
grid.setCellCssStyles("highlight", {
    row : {
        Name: "highlight",
        }
});

Answer 1

尝试:

var row=0;
var obj={};
obj[row]={Name:"highlight"};
grid.setCellCssStyles("highlight",obj);

解释:当 JS 读取“row: ...”作为键值对时，它会在对象上创建一个名为 row 的属性并为其赋值，而不是评估变量 row 并将其值作为键。这是由于 JSON 语法造成的，我不知道有什么办法可以避免这个问题。但是，JavaScript 对象也可以作为关联数组进行访问，这意味着您可以使用我上面所做的技巧:将 obj 的(行求值)属性设置为您需要的任何值。