OracleJET:如何使用oj分页控制将内容动态添加到oj列表视图



我想根据页码获取数据。即,我检查页码是否为1,进行API调用,返回1-100个输出行,这些行显示在列表视图中。每当页码更改时,都会调用一个函数(我将在那里进行一个新的API调用,以将接下来的100个输出行加载到ArrayDataProvider中(。有没有一种方法可以捕获中页码的值,并在每次函数更改时调用它?

HTML

<oj-paging-control id="paging" data='[[pagingDataProvider]]' page-size='100'></oj-paging-control>
<oj-list-view id="listview" data="[[pagingDataProvider]]">
<template slot="itemTemplate" data-oj-as="item">
<oj-list-item-layout id="listitem">
<oj-bind-text value="[[item.data.VALUE]]"></oj-bind-text>
</oj-list-item-layout>
</template>
</oj-list-view>

JS-

var a = makeAjaxCall(url, Object.assign({},reqParams, {data: {this.data},dataType: "json"}));
a.then((response)=> {
var data = response.split("n")
while(data[i]!="")
{
this.listOutput.push({
"VALUE":data[i]                     
});
pagingDataProvider(new ArrayDataProvider(this.listOutput, {keyAttributes: 'VALUE'})); 
}

不赞成使用这种分页控制,唯一支持的使用是可以与filmstrip一起使用的dots版本。高水位线滚动是在JET中加载更多数据的支持方式。

最新更新