关于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;
    }
  });

在列中传递toolTip<我>

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
});