使用 nghandsontable 访问 handsontable 方法/属性

Posted 2023-03-22

【中文标题】使用 nghandsontable 访问 handsontable 方法/属性

【英文标题】：Access handsontable methods/properties using nghandsontable

【发布时间】：2015-04-04 12:05:42

【问题描述】：

我正在为Handsontable 使用ngHandsontable Angular 指令。我设法成功地显示了数据，但我很难访问修改后的行，以便将数据发送到数据库。 我尝试绑定 afterChange 回调，但列排序后索引似乎关闭。 （显示在表格中显示的行的索引，而不是在数据源中）

我想知道保存 ngHandsontable 数据的最佳做法是什么，或者我应该怎么做才能访问 getData 方法或 columnSorting 属性等 API

非常感谢您的帮助！ - 马可

【问题讨论】：

我调查了这个问题并试图找到解决方案。不幸的是，这变得非常困难，因为 ngHandsontable 的文档至少可以说是可怕的。我建议您发布一些示例代码来显示您的问题或创建一个 plnkr 来显示您到目前为止的进度。我现在能找到的只是 this git 问题，它只是模糊地描述了一个可能的解决方案。

【参考方案1】：

我最终使用 afterInit 事件来获取实例，然后在 afterChange 等其他事件中调用方法。

这就是我的代码的样子：

afterInit: function() 
        $scope.hot.instance = this;
    

然后：

afterChange: function (changes, source) 
        if (source != 'loadData')           
            var hot = $scope.hot.instance;
            var dataRow = hot.getSourceDataAtRow(index)
            // .... saveChanges...
        ;
    

非常感谢 Bricktop 给我的提示。

【参考方案2】：

我只是用这种逻辑解决了它：

post: function postLink(scope, iElement, iAttrs, controller) 
    var hotDiv = iElement.find("div[hot-table]")

    var hotInstance = hotDiv.isolateScope().hotInstance;
    hotInstance.addHook('afterLoadData', function()
        console.log("loaded data");
    );

【参考方案3】：

只需在控制器中使用视图模型

var vm = this;

然后您可以调用此视图模型的任何核心可操作方法，例如

this.getCell()

this.getSourceDataAtRow()