backgrid - データベースから BackGrid Select2cell のオプション値を取得する方法

Question

バックグリッドのサンプル コード: これはバックグリッドの Web サイトで提供されているコードです。同様に、データベースから値を取得して、グリッド内に select2cell オプションの値を入力する必要があります。

 var data = new Backbone.Collection([{number: 5, another: 1}]);
    // Just like SelectCell, Select2Cell supports option lists and groups

    var numbers = [{name: 10, values: [
    [1, 1], [2, 2], [3, 3], [4, 4], [5, 5],
    [6, 6], [7, 7], [8, 8], [9, 9], [10, 10]
    ]}];
    var MySelect2Cell = Backgrid.Extension.Select2Cell.extend({
     select2Options: {

    // any options specific to `select2` goes here`enter code here`

    },

    optionValues: numbers

    });


    var grid = new Backgrid.Grid({

    columns: [{
    name: "number",
    cell: MySelect2Cell
      }, 

    {
      name: "another",
      cell: MySelect2Cell
     }],

    collection: data

     });


     $("#select2-cell-example-result").append(grid.render().el);

このように、データベースからオプション値を取得する必要があります

Answer 1

セルは単なるバックボーン ビューであるため、モデルにアクセスできます。したがって、次のようなことができます。

var data = new Backbone.Collection([{number: 5, another: 1, options: optionsForNumber5}]);

var MySelect2Cell = Backgrid.Extension.Select2Cell.extend({
  select2Options: {
    return this.model.get("options");
  }
});

列モデルにもアクセスできるため、次の操作を実行できます。

var MySelect2Cell = Backgrid.Extension.Select2Cell.extend({
  select2Options: {
    if (this.column.get("name") === "number"){
      return optionsForName;
    }
    if (this.column.get("name") === "another"){
      return optionsForAnother;
    }
  }

これら 2 つの組み合わせによって、必要なものが得られる場合があります。

Answer 2

以下は、公式ドキュメントの例です。