Handsontable 通过 json/ajax 对来自后端数据库的数据进行排序

Posted

技术标签:

【中文标题】Handsontable 通过 json/ajax 对来自后端数据库的数据进行排序【英文标题】:Handsontable sort data from backend database over json/ajax 【发布时间】:2017-11-24 18:39:44 【问题描述】:

我想利用 Handsontable 列排序和方向指示器向我的数据库发送排序请求并显示相应的结果。

Handsontable 排序插件运行良好(允许单击列标题),但仅根据 docs 对当前加载的数据进行排序

var hot = new Handsontable(document.getElementById('example'), 
  columnSorting: true
);

当用户点击列标题时如何触发我自己的方法?

我知道我可以使用 jQuery 来捕捉点击并计算出列和方向并触发我自己的方法,但如果 Handsontable 已经在收听和跟踪它,这似乎很笨拙。

我希望以某种方式覆盖该方法或挂钩到表中,以便 Handsontable 跟踪排序状态(列和方向),然后我使用该信息从数据库中获取数据。

【问题讨论】:

【参考方案1】:

从这个git 问题中我找到了beforeColumnSort 钩子

var hot = new Handsontable(document.getElementById('example'), 
  columnSorting: true,
  beforeColumnSort: function(column, order)
    // reload sorted data from server here
  
);

【讨论】:

以上是关于Handsontable 通过 json/ajax 对来自后端数据库的数据进行排序的主要内容,如果未能解决你的问题,请参考以下文章

通过编辑表格和/或 eventReactive 来更新handsontable

handsontable / javascript - 禁用通过拖动添加的新行

通过 JSON 将数据从 handsontable 检索到 Struts2 Action 不起作用

选择 Handsontable 标题单元格

Handsontable 中更新内容数据的问题

通过鼠标点击触发handsontable loadData的正确Angular方式是啥