Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.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 如何使用服务器端处理和滚动扩展刷新数据表_Javascript_Jquery_Datatables - Fatal编程技术网

Javascript 如何使用服务器端处理和滚动扩展刷新数据表

Javascript 如何使用服务器端处理和滚动扩展刷新数据表,javascript,jquery,datatables,Javascript,Jquery,Datatables,我尝试使用这些方法: 使用api().draw(false)函数,但它会重置滚动偏移 使用api().ajax.reload(null,false)。它也会重置滚动偏移 使用dataTable.\u fnDraw()函数。它也不起作用。当您尝试进行位滚动时,会出现一个错误,在_fnDraw()调用后,它会滚动到上一个位置。当你滚动很多的时候,它工作得很好 我的打字脚本代码: var dataTableOptions={ 服务器端:是的, 顺序:对, 搜索:是的, 栏目:[ {“数据”:“id”

我尝试使用这些方法:

  • 使用api().draw(false)函数,但它会重置滚动偏移
  • 使用api().ajax.reload(null,false)。它也会重置滚动偏移
  • 使用dataTable.\u fnDraw()函数。它也不起作用。当您尝试进行位滚动时,会出现一个错误,在_fnDraw()调用后,它会滚动到上一个位置。当你滚动很多的时候,它工作得很好
  • 我的打字脚本代码:

    var dataTableOptions={
    服务器端:是的,
    顺序:对,
    搜索:是的,
    栏目:[
    {“数据”:“id”},
    {“数据”:“workflowId”},
    {“数据”:“发现”},
    {“数据”:“标题”},
    {“数据”:“createdBy”},
    {“数据”:“createDate”},
    {“数据”:“状态”}
    ],
    ajax:(数据、回调、设置)=>{
    //服务器端服务调用
    },
    dom:'rtiS',
    滚动:400,
    滚动条:{
    行高:35,
    加载指示器:true
    },
    initComplete:函数(){
    forceRefresh=\节气门(()=>{
    //this.api().ajax.reload(false);
    这个;
    }, 1000);
    设置间隔(()=>{
    forceRefresh();
    }, 5000);
    }
    
    }
    数据表在服务器端操作时自动刷新(使用更新的数据),无需强制刷新

    $(document).ready(function() {
      var dataTableOptions = {
          serverSide: true,
          ordering: true,
          searching: true,
          columns: [
            { "data": "id" },
            { "data": "workflowId" },
            { "data": "discovery" },
            { "data": "title" },
            { "data": "createdBy" },
            { "data": "createDate" },
            { "data": "status" }
          ],
          ajax: (data, callback, settings) => {
            // server side service call
          },
          dom: "frtiS",
          scrollY: 400,
          deferRender: true,
          scroller: {
            rowHeight: 35,
            loadingIndicator: true
          }
        }
    

    在ajax调用之前和表刷新之后(
    api().ajax.reload
    )获取scroller的
    scrollTop
    ,我没有找到任何其他方法。这对我来说很有用。

    是的,但它需要用户交互。我希望有实时数据,在这里没有任何用户交互。只是在时间间隔内刷新数据表。您是如何获得/设置scrollTop的?表API上有方法吗?或者您使用了DOM元素的属性吗?我使用了DOM元素的属性