javascript - Backgrid 表标题上的工具提示

Question

我正在使用 backgrid 来显示表格。我想在表格标题上显示工具提示。

有人可以帮忙吗？

Answer 1

扩展 Backgrid.HeaderRow

  Backgrid.HeaderRow = Backgrid.HeaderRow.extend({
    render: function() {
      var that = this;
      Backgrid.HeaderRow.__super__.render.apply(this, arguments);
      _.each(this.columns.models, function(modelValue) {
        if (modelValue.get('toolTip')) that.$el.find('.' + modelValue.get('name')).attr('title', modelValue.get('toolTip'))
      });
      return this;
    }
  });

并在列中传递工具提示

var pageableGrid = new Backgrid.Grid({
  columns: [{
    // enable the select-all extension
    name: "",
    cell: "select-row",
    headerCell: "select-all",
    toolTip:"test tool tip"
  }].concat(columns),
  collection: pageableTerritories
});