handsontable - 刷新数据并维护过滤器和排序条件

Question

我使用handsontable作为坐在网络服务器上的MySQL数据库的前端。用户过滤，排序，修改前端手持数据。

由于各种原因，后端MySQL数据库中发生了更改。我需要将此信息同步回用户前端。

我可以使用HTTP请求轻松地从数据库重新下载数据，并使用以下代码片段将此数据写入handsontable。

$http({
    method: "POST",
    url: "my-data-url",
    data: "my-post-data"
  }).then(function(response){
    // response contains the handsontable data
    var json_response = response.data;
    // Update the data in my table instance
    hot.updateSettings({
        data: json_response
    })
    // hot looses its sort and filter conditions...
    // how can I maintain these or re-apply them??
  });

问题是此代码清除了所有用户当前的排序和过滤条件。我希望在更新handsontable数据对象时保留这些内容。有谁知道我怎么能做到这一点？

Answer 1

我设法解决了这个问题。每个方面的解决方案如下：

过滤器

在更新数据设置时，将Handsontable的版本更新为版本v1.11.0会自行维护过滤器。

<强>分拣

按如下方式更新上述方法：

$http({
  method: "POST",
  url: "my-data-url",
  data: "my-post-data"
}).then(function(response){
  // response contains the handsontable data
  var json_response = response.data;

  // Get sort data of handsontable prior to updating the data setting
  if (isSorted(hot) == true) {
      var sortData = getSortData(hot)
  } 

  // Update the data in my table instance
  hot.updateSettings({
      data: json_response
  })

  // Re-apply previous sorts
  if (sortData) {
      hot.sort(sortData.sortColumn, sortData.sortOrder);
  }

  });

// Determines if sorts have been applied
var isSorted = function (hot_instance) {
    return hot_instance.sortingEnabled && typeof hot_instance.sortColumn != 'undefined' && typeof hot_instance.sortOrder != 'undefined';
}

// gets the sort data for a handsontable passed
var getSortData = function (hot_instance) {
  var sortData = [];
  // Get sorted column number
  var columnNo = hot_instance.sortColumn;
  // Get current sort order of column
  // false = desceding order
  var sortOrder = hot_instance.sortOrder;
  sortData.sortColumn = columnNo;
  sortData.sortOrder = sortOrder;
  return sortData;
}

希望帮助有类似问题的人。