SAPUI5动态绑定表单元格

Question

我有以下问题：
我想动态创建具有不同设置的表行和单元格。
这里提到的解决方案： 表列和行的动态绑定
是解决我的问题的一个很好的起点，但是我仍然无法解决它。

该表应在新行中显示模型的每个对象，并带有该对象给定属性的绑定。
checked属性应显示在复选框中，也可以作为选中的复选框显示，或者根据复选框的值（true或false）选中或取消checked 。

现在，如果我像在SAPUI5表示例中那样定义绑定和列，则可以很好地工作

问题：
根据对象的值（true或false）， existsLocal应该启用或禁用该行的复选框。 此外，该行应获得一个新类-称为existsLocalClass ，如果existsLocal为true，则将其背景设置为灰色。

我当时以为可以用创建我的行及其单元格的工厂函数来解决。 不幸的是我的工厂没有按预期工作。

这是我的代码：

型号定义：

var model = [
  {name: "name1", description: "description1", checked: true, existsLocal: true},  
  {name: "name2", description: "description2", checked: false, existsLocal: false}
]
var oModel = new sap.ui.model.json.JSONModel();
oModel.setData({modelData: model});

表加工厂功能：

var oTable = new sap.ui.table.Table({
visibleRowCount: 7,
firstVisibleRow: 3,
selectionMode: sap.ui.table.SelectionMode.None
});

var tableRowFactory = function (sId, oContext) {
  console.log("row factory");
  var exists = oContext.getProperty("existsLocal");

  if(exists){
    return new sap.ui.table.Row(sId)
    .addCell(new sap.ui.commons.TextView()
    .bindProperty("text", oContext.sPath + "/name"))
    .addCell(new sap.ui.commons.TextView()
    .bindProperty("text", oContext.sPath+ "/description"))
    .addCell(new sap.ui.commons.CheckBox()
    .bindProperty("checked", oContext.sPath+ "/checked").setEnabled(false))
    .addStyleClass("existsLocal");
 }else{
   return new sap.ui.table.Row(sId)
   .addCell(new sap.ui.commons.TextView()
   .bindProperty("text", oContext.sPath + "/name"))
   .addCell(new sap.ui.commons.TextView()
   .bindProperty("text", oContext.sPath+ "/description"))
   .addCell(new sap.ui.commons.CheckBox()
   .bindProperty("checked", oContext.sPath+ "/checked"))
  }

};

oTable.setModel(oModel);
oTable.bindRows("/modelData",tableRowFactory); // does not work
oTable.bindAggregation("rows", "/modelData", tableRowFactory); //doesn't work either

浏览器没有显示任何错误，并且该表保持为空。 我认为该函数甚至都没有被调用，但是我无法修复它。 也许我的整个方法是错误的-我不太了解sapui5的绑定和上下文。
希望您能对此有所帮助。

编辑：

我为此找到了一个不错的解决方案：

var model = oTable.getModel();
var rows = oTable.getRows();
var indicesOfRows = [];
$.each(rows, function (index, row){
  indicesOfRows.push(oTable.indexOfRow(row));
});
$.each(rows, function(index, row){
  var rowIndex = indicesOfRows[index];
  var exists = model.getProperty("existsLocal", oTable.getContextByIndex(rowIndex));
  var cells = row.getCells();
  if(exists){
    $.each(cells, function(index, cell){
      if(cell instanceof sap.ui.commons.CheckBox){
        row.$().toggleClass("existsLocal", true);
        cell.setEnabled(false);
      }
    })
  }
})

Answer 1

相反，您可以使用模板绑定到列。 您只有行绑定，而表不知道列。 顺便说一句，您可以使用格式化程序定义复选框的“启用”属性。 您仅在需要时才需要addStyleClass的工厂。像这样： http : //jsbin.com/poyetoqa/1/edit

Answer 2

请参阅原始问题中我编辑的解决方案。 如果您有更好的工作解决方案，请随时回答。 同时，我会将问题标记为已回答。