Sapui5 如何制作成长表/列表 JS_Sapui5

Sapui5 如何制作成长表/列表 JS

sapui5

Sapui5 如何制作成长表/列表 JS,sapui5,Sapui5,这里我有一些数据。使用上述代码，我可以在表中列出。现在我只想列出表中的前10项，剩下的数据只在向下滚动后显示。在向下滚动鼠标后，我需要调用一个函数来获取接下来的10个数据。如何在sapUi5中向下滚动后调用函数您需要将属性设置为true。并将属性设置为10。OData 要启用滚动增长，您需要考虑以下因素：（由使用的）需要： growing=“true” growingThreshold=”“ growingscrolltoad=“true” 列表控件需要位于内部（growingscr

这里我有一些数据。使用上述代码，我可以在表中列出。现在我只想列出表中的前10项，剩下的数据只在向下滚动后显示。在向下滚动鼠标后，我需要调用一个函数来获取接下来的10个数据。如何在sapUi5中向下滚动后调用函数

您需要将属性设置为true。并将属性设置为10。

OData 要启用滚动增长，您需要考虑以下因素：

（由使用的）需要：

```
growing=“true”
```
```
growingThreshold=”“
```
```
growingscrolltoad=“true”
```

列表控件需要位于内部
（
```
growingscrolltoad
```
）仅当
```
growing
```
属性设置为
```
true
```
且仅当可滚动滚动滚动容器（例如
```
sap.m.Page
```
）中存在一个
```
sap.m.List
```
或
```
sap.m.Table
```
实例时，才能使用

运行此示例以查看其运行情况：

sap.ui.getCore（）.attachInit（（）=>sap.ui.require([
“sap/ui/model/odata/v2/ODataModel”，
“sap/ui/core/mvc/XMLView”，
]，函数（ODataModel，XMLView）{
“严格使用”；
常数模型=新的ODataModel({
服务URL：[
"https://cors-anywhere.herokuapp.com/",
"https://services.odata.org/V2/Northwind/Northwind.svc/",
].加入（“”），
初步内容：对，
标记处理：false，
});
sap.ui.getCore（）.loadLibrary（“sap.m”，true）。然后（（）=>XMLView.create({
定义：`
`,
模型：模型，
})。然后（view=>view.placeAt（“内容”）；
}));
鼠标向下滚动后，我需要调用一个函数来获取接下来的10个数据。我看到您编辑了您的问题。不需要调用额外的函数来获取下一批数据。UI5会根据值自动为您执行此操作。在我们的例子中，UI5发送了一个请求。我做了服务器端分页。所以第一次我只有10个数据。对于接下来的10个数据，我必须使用limit和offset调用相同的api。如果有不清楚的地方，请随时留下评论。此外，由于您使用的不是OData，而是带有参数的服务器端JSON，您可能希望显示您对此增强请求的兴趣：。
var model = new JSONModel();
model.setData(data);
this.getView().byId("Table").setModel(model);
var table = this.getView().byId("Table");
table.bindItems({
    path: "/",
    template: new sap.m.ColumnListItem({
        cells: [
            new sap.m.Image({
                src: "{photo}"
            }),
            new sap.m.Text({
                text: "{name}"
            })
        ]
    })
});