Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript slickgrid滚动动作触发回调以刷新表集_Javascript_Jquery_Angularjs_Callback_Slickgrid - Fatal编程技术网

Javascript slickgrid滚动动作触发回调以刷新表集

Javascript slickgrid滚动动作触发回调以刷新表集,javascript,jquery,angularjs,callback,slickgrid,Javascript,Jquery,Angularjs,Callback,Slickgrid,我目前正面临这个问题,我试图用不同的方法来解决它,但我现在被卡住了。(我使用的是角度网格和平滑网格) 我想显示一个大数据集中的部分数据,该数据集足以适应网格,因为我想进行延迟加载。我有一个事件侦听onScroll事件,因此当有人滚动条时,它会触发带有参数的$http调用。假设我将条滚动到某个位置,我将从后端开始检索数据,位置朝向视口中网格的末尾。它需要渲染回具有受尊重位置的视图。这里有一个简单的例子来说明我想要实现的,返回数据的实际应用程序是动态的 var options = { enableC

我目前正面临这个问题,我试图用不同的方法来解决它,但我现在被卡住了。(我使用的是角度网格和平滑网格)

我想显示一个大数据集中的部分数据,该数据集足以适应网格,因为我想进行延迟加载。我有一个事件侦听onScroll事件,因此当有人滚动条时,它会触发带有参数的$http调用。假设我将条滚动到某个位置,我将从后端开始检索数据,位置朝向视口中网格的末尾。它需要渲染回具有受尊重位置的视图。这里有一个简单的例子来说明我想要实现的,返回数据的实际应用程序是动态的

var options = {
enableCellNavigation: true,
enableColumnReorder: false,
enableCellNavigation: true,
asyncEditorLoading: false,
enableAsyncPostRender: true
 };

//$http call to retrieve data from row 1 to row 27, and display in the grid
DataService.setData(0, //plus soem other data)

//watch the variable, when getData is set
$scope.$watch(function(return DataService.getData() function(newData)
{
  var grid;
var columns = [
{id: "title", name: "Title", field: "title"},
{id: "duration", name: "Duration", field: "duration"}
];


var data = [];
for (var i = newData["rowID"]; i < newData.length; i++) {
  data[i] = {
    title: newData["name"],
    duration: newData["duration"]
  };
}


grid = new Slick.Grid("#myGrid", data, columns, options);

grid.onScroll.subscribe(function(e, args){
    //http call to retrieve the data
    //!!issue with args.scrollTop is that it does not get the row number of grid, but pixel wide position. I tried with args.row and few other funcs but no help
    DataService.setData(args.scrollTop(), //plus some other data);
});
});
var选项={
enableCellNavigation:true,
enableColumnReorder:false,
enableCellNavigation:true,
asyncEditorLoading:false,
EnableSyncPostRender:true
};
//$http调用从第1行到第27行检索数据,并显示在网格中
DataService.setData(0,//加上soem其他数据)
//设置getData时,观察变量
$scope.$watch(函数)(返回DataService.getData()函数(newData)
{
var网格;
变量列=[
{id:“title”,name:“title”,field:“title”},
{id:“持续时间”,名称:“持续时间”,字段:“持续时间”}
];
var数据=[];
for(var i=newData[“rowID”];i
我身上没有实际的代码,但如果你明白我的意思,你能给我指出一个正确的方向吗?因为我没有看到任何人在做类似的功能,我可以从中学习。刚到slickgrid,想学习,谢谢


+,我也尝试过使用asyncPostRender,但是通过使用它,每个单元格都需要被调用来渲染视口中的网格,我希望创建一种感觉,即用户实际上是在滚动整个数据集,而没有加载延迟。因此,视口中的整个网格刷新将非常有用。

我愿意添加任何附加条件tent,如果我的解释不清楚的话。非常感谢,你的方向是正确的,但你正在覆盖现有数据。每次向下滚动时,你都需要向dataView添加数据。SlickGrid有一个示例目前不起作用,但你可以使用RemoteModel检查创建者建议的方法。否则,我我自己使用dataView功能->实现了一个无限滚动。基本上,您可以向其中添加项目,它会自动添加这些项目。