C# 使用mvc5的控制器和backbone.js的视图和模型制作一个可编辑的网格

谁能告诉我如何使用mvc5控制器和backbone.js的视图和模型制作一个可编辑的网格。我正在用C.net编写代码。用户应该能够在网格中输入数据并将其保存在数据库中

如果有人知道任何链接，请在渲染功能中共享

render: function () {

  //thead
  for (var i = 0; i < 5; i++) {
     data = [[addRow1 = ''], [addRow2 = ''], [addRow3 = ''], [addRow4 = ''], [addRow5 = '']]
  };
  this.$el.empty();
  this.$el.html(this.template);
  var totalResults = data.length + 1;
  var oTable = this.$('#js-charge-dt').iidsBasicDataGrid({
      scrollX: true,
      //scrollY: 320,
      "scrollCollapse": true,
      //"pagingType": "full_numbers",
      "iTotalDisplayRecords": totalResults,
      "bFilter": false,
      "bLengthChange": false,
      "bSearchable": false,
      "bInfo": false,
      "bPaginate": false,
      "bAutoWidth": false,
      useFloater: false,
      iTotalDisplayRecords: 30,

      aoColumns: [

      { "sTitle": "Customer No", "sClass": "CustNo" },
      { "sTitle": "TC", "sClass": "trans" },
      { "sTitle": "DC", "sClass": "dc" },
      { "sTitle": "IC", "sClass": "ic" },

      { "sTitle": "Notes", "sClass": "notes" }

      ],
      "aaData": data,

      createdRow: function (row, data, index) {

          this.$('td.CustNo', row).html('<input type="text" size="15">');
          this.$('td.trans', row).html('<select style="width: 250px;" class="tc"></select>');
          this.$('td.dc', row).html('<input type="text" size="5">');
          this.$('td.ic', row).html('<input type="text" size="10">');

          this.$('td.notes', row).html('<input type="text" size="2000">');
      }

  });

},

---

请提及迄今为止您尝试过的代码！这对我来说是新鲜事。。所以我甚至不知道如何开始。我知道如何在单击“搜索”按钮时显示网格，但不知道如何使其可编辑如果我想添加新值此链接可能会对您有所帮助，