Backgrid表头上的工具提示

时间:2015-05-27 06:06:07

标签: javascript backbone.js marionette backgrid

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

任何人都可以帮忙吗?

1 个答案:

答案 0 :(得分:0)

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