javascript - 如何从 slickgrid 中的代码提交单元格中的更改

Question

我在 slickgrid 中使用了自定义格式化程序和编辑器，它只是复选框 Angular Directive(指令)。我使用了两次指令，一次用于格式化程序，一次用于编辑器。格式化程序和编辑器由 Angular 服务提供。 Slickgrid 本身被包裹在一个 Angular Directive(指令)中。

编辑器是根据slickgrid doc Writing custom editors实现的

slickgrid 指令用在几个地方。我正在努力解决的一种情况是，当有一个网格时，并且在网格之外有按钮。

当单击其中一个按钮时，我必须从单元格/编辑器中获取值。

网格渲染时，一旦看到复选框。根据使用此格式化程序的单元格的当前值选中/取消选中它。

当点击带有复选框的单元格时，复选框从未选中变为选中，反之亦然。然后在复制到单元格的编辑器复选框的值中单击网格中的其他位置，然后格式化程序显示选中/未选中。

回到我的场景:当一个人在编辑器模式下选中/取消选中复选框，并直接单击网格外的按钮之一时，编辑器的值尚未应用于单元格，因此发送了错误的值。虽然我们仍处于编辑器模式，但未提交值。

现在的问题是，如何在动态更改复选框的值后立即将更改提交到单元格，而无需等待 slickgrid 从编辑器模式更改为格式化程序模式？

找到 this question相对的，只是我的环境不一样。

我发现编辑器接受 args 参数，它有 commitChanges() 方法，但是如何使用它呢？

最佳

Answer 1

我尝试了很多slickgrid的方法，但是除了这个没有找到更好的解决方案。

在我的自定义编辑器构造函数中，我添加了一个监视程序，监视 Checkbox 指令的 checked 属性的变化。

$timeout(function () {
        controlScope.$watch('checked', function () {
            $timeout(function() {
                args.grid.getEditController().commitCurrentEdit();
                args.grid.resetActiveCell();

            });

        });
    });

第一个超时是不打断正在运行的摘要循环，只是在下次运行时消化它。

并且下一个超时需要等待，直到 angular 完成更改范围，然后才提交更改。否则 commitCurrentEdit() 将终止编辑器，从而终止 Checkbox 指令的范围。

希望有更好的解决办法。

1 编辑:这个解决方案带来了奇怪的行为。第一次单击效果很好，但下一次单击同一单元格不会更改选中的复选框。

2 编辑:我添加了网格的 resetActiveCell() 以离开事件单元格的焦点，现在它可以按我的意愿工作。

3 编辑:如果不更改 Slickgrid 的源代码，我们找不到更好的解决方案，这是不希望的。在搜索了问题的替代方案和解决方案之后，我们决定使用 ui.grid 并且它与我们的环境配合得很好，因为我们使用的是 Angular 。我们在使用 slickgrid 时遇到的大部分问题，默认情况下只需使用 ui.grid 即可解决，无需自定义。 Slickgrid 仍然是可供 javascript 开发人员使用的最佳网格之一，但它似乎正在从 JavaScript 进展中放慢脚步。