kendo 带有虚拟滚动的网格,停留在第 1 页
kendo grid with virtual scrolling, stuck at page 1
我正在使用具有虚拟滚动功能的 kendo 网格,在控制器中使用以下 angular JS 代码:-
$scope.options = {
dataSource: {
type: "json",
serverPaging: true,
pageSize: 100,
transport: {
read: "/rest/error/grid",
dataType :"json"
},
schema:{data:"data",total:"total"}
},
height: 543,
scrollable: {
virtual: true
}
};
我的服务的json输出是:
{data :[{name:"name0",age:0},
{name:"name1",age:1},
....,
{name:"name1000",age:1000}
],
total:1000
}
在 UI 上初始化的 kendo 网格有:-
<div>
<div kendo-grid="grid" k-options="options" k-rebind="options"></div>
</div>
然而,一旦我达到 99 条记录,就会调用获取下 100 条记录的问题。
然而,在第二次获取前 100 条记录的请求之后,网格重置为第一条记录。
实际上无法滚动到第 1 页之外(或超过 100 条记录)。
任何解决相同问题的想法
终于找到问题了,
当我从 html.
中删除 'k-rebind' 时,网格工作正常
k-bind 似乎触发了重新绑定操作,因为选项中的数据在滚动过程中发生了变化。从而每次都初始化网格。
谢谢大家
我正在使用具有虚拟滚动功能的 kendo 网格,在控制器中使用以下 angular JS 代码:-
$scope.options = {
dataSource: {
type: "json",
serverPaging: true,
pageSize: 100,
transport: {
read: "/rest/error/grid",
dataType :"json"
},
schema:{data:"data",total:"total"}
},
height: 543,
scrollable: {
virtual: true
}
};
我的服务的json输出是:
{data :[{name:"name0",age:0},
{name:"name1",age:1},
....,
{name:"name1000",age:1000}
],
total:1000
}
在 UI 上初始化的 kendo 网格有:-
<div>
<div kendo-grid="grid" k-options="options" k-rebind="options"></div>
</div>
然而,一旦我达到 99 条记录,就会调用获取下 100 条记录的问题。
然而,在第二次获取前 100 条记录的请求之后,网格重置为第一条记录。
实际上无法滚动到第 1 页之外(或超过 100 条记录)。
任何解决相同问题的想法
终于找到问题了, 当我从 html.
中删除 'k-rebind' 时,网格工作正常k-bind 似乎触发了重新绑定操作,因为选项中的数据在滚动过程中发生了变化。从而每次都初始化网格。
谢谢大家