kendo-ui - グリッド 1 つに複数の列を持つ方法

Question

1 つの剣道グリッド列にバインドされた 2 つの列を追加しようとしています。以下はうまくいかないようです。

var grid = $("#grid").kendoGrid({
                dataSource: { data: SomeData },
                columns: [{
                    field: "Column1" + "Column2"
                }]

            }).data("kendoGrid");

Answer 1

セルを編集する必要がない場合は、構成セルまたは構成と呼ばれるものを実行でき、KendoUI を使用して実装されtemplateます。（「構成されたセルを含む剣道グリッド」をグーグルで検索してみてください）。

例

var leitmotifs = [
    { 
        company: "OnaBai", 
        leitmotif: "Working on a cloud of documents!" 
    },
    { 
        company: "Nike", 
        leitmotif: "Just do it!" 
    }
];

var grid = $("#table").kendoGrid({
    dataSource: {
        data: leitmotifs
    },
    columns   : [
        { 
            title: "Company", 
            template: "#= company + ' : ' + leitmotif #"
        }
    ]
});

Answer 2

Did you have a look at the schema.parse method on the DataSource? You can add up columns there as new fields with no issues. Then the field would be available when you get to the grid.

dataSource: {
  transport: {
    read: "things"
  },
  schema: {
    parse: function (data) {
      // return a new collection which has a new field
      // that adds fields 2 and 3 together
      return $.map(data, function(item) {
       item.field4 = item.field2 + item.field3;
          return item;
      });
    }
  }
}

Here is an example...

http://jsbin.com/azizaz/1/edit