Slickgrid行遍历

Question

在Slickgrid中，如何为一行应用删除？

我试着用‘文字装饰’的风格，但风格不适用。我在下面的代码中尝试将样式应用于行

data.getItemMetadata = function (row) {

    if (this[row].title == 'Task 5'){
        return {
            cssClasses: 'highlight'

        };
    }
    return null;
}

CSS

.highlight {
    text-decoration: line-through;
}

Answer 1

几件事：

1)从直接将JSON对象作为数据引用数据的方式来看。您可以这样做，但如果要使用行元数据，则不能这样做。

2)因此，要访问getItemMetadata，您需要按照dataView的要求使用example-4-model，并添加：

dataView.getItemMetadata = function (row) {
  var v = this.getItem(row);
  if (v.title == 'Task 5'){
    return {
        cssClasses: 'highlight'

    };
  }
  return null;
}

3)即使在那时(我测试了上面的代码，它确实添加了类)，行上的类也不会向列数据中添加删除。这将：

.highlight > .slick-cell {
  text-decoration: line-through;
}    

您可能可以使用其他css技巧来获得您想要的东西，或者作为最后的手段，您可以添加列MetaData属性而不是行。

最后，查看我的精巧的回购，它是当前在MLeibman分支上运行的最新分支，而没有对其进行自定义(只是bug修复和小的增强)。有许多bug被修复，并且已经用jQuery 1.8+、2.x和3.x进行了全面的测试。