Backgrid格式化程序从其他列添加值

时间:2013-11-20 10:49:47

标签: backbone.js backgrid

使用BackGrid,是否可以构建自定义Cellvía格式化程序,从隐藏列中组合值?

var grid = new Backgrid.Grid({
  columns: [
   {
   name:"half_value_1",
   cell:"string",
   rendered: false
   },
   {
   name:"half_value_2",
   cell:"string",
   rendered: false
   }, 
   {
    name: "composite",
    cell: "string",
    formatter: _.extend({}, Backgrid.CellFormatter.prototype, {
      fromRaw: function (half_value_1, half_value_2) {
        return half_value_1 + '/' + half_value_2;
      }
    })
  }],
  collection: col
});

我可以在half_value_1函数中获取half_value_2fromRaw吗?

1 个答案:

答案 0 :(得分:5)

我认为获得所需结果的最佳方法是使用自定义单元格而不是自定义格式化程序。您可以为该特定列执行类似的操作:

{
    name: "composite",
    cell: Backgrid.Cell.extend({

        render: function(){

            // You have access to the whole model - get values like normal in Backbone
            var half_value_1 = this.model.get("half_value_1");
            var half_value_2 = this.model.get("half_value_2");

            // Put what you want inside the cell (Can use .html if HTML formatting is needed)
            this.$el.text( half_value_1 + '/' + half_value_2 );

            // MUST do this for the grid to not error out
            return this;

        }

    })
}

这对你来说应该是完美的 - 我在项目中用它来做一些网格。我没有测试这段代码,所以我可能有错字:)

关键