slickgrid - 如何将 css 类添加到 slickGrid 中的特定行？

Question

我到处搜索以了解如何将类添加到 slickgrid 中的特定行。看起来曾经有一个 rowCssClasses 属性，但现在已经消失了。对此的任何帮助将不胜感激。

更新 :我使用 getItemMetadata 弄清楚了...所以在渲染之前，您必须执行以下操作:

dataView.getItemMetadata = function (row) {
    if (this.getItem(row).compareThis > 1) {
        return {
            'cssClasses': 'row-class'
        };
    }
};

这会将“行类”注入(inject)到与 if 语句匹配的行中。似乎这个 getItemMetadata 函数不存在，直到你把它放在那里并且 slickGrid 检查那里是否有任何东西。这使得弄清楚它的选项有点困难，但是如果您在 slick.grid.js 文件中搜索 getItemMetadata ，您应该会找到一些隐藏的宝藏!我希望这可以帮助别人!

如果有更好的方法可以做到这一点，请告诉我。

Answer 1

在较新版本的 SlickGrid 中，DataView 带来了自己的 getItemMetadata 来为组标题和总计提供格式。不过，很容易将其与您自己的实现链接起来。例如，

function row_metadata(old_metadata_provider) {
  return function(row) {
    var item = this.getItem(row),
        ret = old_metadata_provider(row);

    if (item && item._dirty) {
      ret = ret || {};
      ret.cssClasses = (ret.cssClasses || '') + ' dirty';
    }

    return ret;
  };
}

dataView.getItemMetadata = row_metadata(dataView.getItemMetadata);