SlickGrid:如何遍历每一行并根据条件设置颜色？

Question

我是SlickGrid的初学者.我想知道如何循环网格中的每一行并根据条件设置行背面颜色(例如:如果年龄介于20 - 40之间,行将具有蓝色,否则,它将具有红色).

Answer 1

假设您正在使用Slick.Data.DataView,您可以修改getItemMetadata方法以动态地将类添加到包含的行元素.我打算写这个就像你的Slick.Data.DataView实例被调用一样dataView,在这里你去:

dataView.getItemMetadata = metadata(dataView.getItemMetadata);

function metadata(old_metadata_provider) {
  return function(row) {
    var item = this.getItem(row);
    var ret  = (old_metadata_provider(row) || {});

    if (item) {
      ret.cssClasses = (ret.cssClasses || '');
      if (item.age >= 20 && item.age <= 40) {
        ret.cssClasses += ' blue';
      } else {
        ret.cssClasses += ' red';
      }
    }

    return ret;
  }
}

这将添加一个'blue'或类'red'的行元素.