在 SAPUI5 中获取表行数

Question

我有一个显示记录列表的sap.ui.Table。我想获取数据中记录的计数。

我已阅读帖子 SAP UI 5 how to print total table row ，但对我没有帮助。

这是表格的代码（列的代码已被删除以使帖子更小）：

  <table:Table id="PickRecs" visibleRowCount="10" selectionMode="MultiToggle" visible="true" rows="{/downRecs}" >
    <table:title>
        <txt:Text text="{
      path: '/downRecs',
      formatter: 'Formatter.totalFormatter'
    }">
        </txt:Text>
        <Label text="possible records to export"></Label>

    </table:title>
    <table:columns>
      .......
    </table:columns>
 </table:Table>

这是formatter.js：

totalFormatter:function(results) {

    return results.length;
 }

我想使用数组downRecs 作为所有记录的源来显示表中有多少行。例如：3 条可能要导出的记录。

此值可以根据屏幕上的某些输入字段而改变，例如他们可以选择查看产品的所有记录或仅查看某个客户的记录等。

如何获取此更新后的记录数？该值显示在表格的工具栏或标题上。

Answer 1

绑定长度不是您可以绑定的属性。此外，在参考链接上写的内容也不正确，因为您无法为属性初始化 ListBinding，ListBinding 需要模板或工厂以及多个聚合基数。

要了解记录的更新计数，您应该附加到绑定的更改事件。

var oBinding = oTable.getBinding("rows"); 
oBinding.attachChange(function(sReason) {
    oYourTextField.setText(oBinding.getLength());
});

查看 jsbin 并按下过滤菜单的列标题

http://jsbin.com/kohozenina/1/edit?html,output

我们知道这有点麻烦，我们正在开发一个 ControlModel，您可以绑定一些触发更改事件的内容，例如绑定长度或所选项目的数量。

Answer 2

您是否尝试过绑定到{/downRecs/length}？这适用于大多数类型的模型。

此外，添加到表格时，请确保添加到模型而不是表格本身。如果你这样做了，数据绑定应该会处理剩下的事情。

应该是这样的：

var oSource = oEvent.getSource();
var oItems = oSource.getModel().getProperty("/downRecs");
oItems.push({
    "Property1": "Value1", 
    "Property2": "Value2", 
    ...
});
oSource.getModel().setProperty("/downRecs", oItems);

Answer 3

 xml view 
    <Button text="click" press="click"></Button>
        <Table id="idProductsTable"
    inset="false"
    items="{/ProductCollection}">
    <headerToolbar>
      <Toolbar>
        <Label id="idset" ></Label>
      </Toolbar>
    </headerToolbar>
    <columns>
      <Column 
        width="12em">
        <Text text="Product" />
      </Column>
      <Column
        minScreenWidth="Tablet"
        demandPopin="true">
        <Text text="Supplier" />
      </Column>
    </columns>
    <items>
      <ColumnListItem>
        <cells>
          <ObjectIdentifier
            title="{Name}"
            text="{ProductId}"
            class="sapMTableContentMargin" />
          <Text
            text="{SupplierName}" />
            </cells>
      </ColumnListItem>
    </items>
  </Table>

controller.js
onInit: function() {
    var data= {
        "ProductCollection": [
            {
                "ProductId": "1239102",
                "Name": "Power Projector 4713",
                "SupplierName": "Titanium"

            },
            {
                "ProductId": "2212-121-828",
                "Name": "Gladiator MX",
                "SupplierName": "Technocom"

            }]
            }
    var oModel = new sap.ui.model.json.JSONModel();
    oModel.setData(data);
    this.getView().setModel(oModel);
},
click:function(){
var count= this.getView().byId("idProductsTable").getItems().length;
var id= this.getView().byId("idset").setText("Record="+count);
alert("Record="+count);
}

Answer 4

还有一种简单的方法

oTable._getRowCount()