如何从 slickgrid 中的代码提交单元格中的更改
How to commit changes in a cell from code in slickgrid
我在 slickgrid 中使用了自定义格式化程序和编辑器，它只是复选框 angular 指令。我使用了两次指令，一次用于格式化程序，一次用于编辑器。格式化程序和编辑器由 angular 服务提供。 Slickgrid 本身包含在 angular 指令中。
编辑器是根据slickgrid doc实现的Writing custom editors
slickgrid 指令在多个地方使用。我正在努力解决的一种情况是，当有一个网格时，并且在网格之外有按钮。
当点击其中一个按钮时，我必须从 cells/editors 中获取值。
渲染网格时，一次看到复选框。它是 checked/unchecked 基于使用此格式化程序的单元格的当前值。
当点击带有复选框的单元格时，复选框从未选中变为选中，反之亦然。然后在复制到单元格的编辑器复选框的值中单击网格中的其他位置，然后格式化程序显示 checked/unchecked。
回到我的场景：当一个checkes/unchecks复选框在编辑器模式下，直接点击网格外的按钮之一，编辑器的值还没有应用到单元格，因此发送了错误的值。虽然我们仍处于编辑器模式，但未提交值。
现在的问题是，如何在动态更改复选框的值后立即将更改提交到单元格，而无需等待 slickgrid 从编辑器模式更改为格式化程序模式？
找到了this question相对的，但是我的环境不一样。
我发现 editor 接受 args 参数，其中有 commitChanges() 方法，但如何使用它？
最佳
我尝试了很多slickgrid的方法，但没有找到比这个更好的解决方案。
在我的自定义编辑器构造函数中，我添加了一个监视程序，监视 Checkbox 指令的 checked 属性的变化。
$timeout(function () {
controlScope.$watch('checked', function () {
$timeout(function() {
args.grid.getEditController().commitCurrentEdit();
args.grid.resetActiveCell();
});
});
});
第一个超时是不打破运行ning消化周期，在下一个运行消化。
并且下一次超时需要等到 angular 完成更改范围，然后才提交更改。否则 commitCurrentEdit() 将终止编辑器，从而终止 Checkbox 指令的范围。
希望有更好的解决办法。
1 编辑：这个解决方案带来了奇怪的行为。第一次单击效果很好，但下一次单击同一单元格不会更改选中的复选框。
2 编辑：我添加了网格的 resetActiveCell() 以离开活动单元格的焦点，现在它按我想要的方式工作。
3 编辑：如果不更改 Slickgrid 的源代码，我们找不到更好的解决方案，这是不希望的。在搜索了问题的替代方案和解决方案之后，我们决定使用 ui.grid，它在我们的环境中运行良好，因为我们使用的是 angular。我们在使用 slickgrid 时遇到的大部分问题，默认情况下只需使用 ui.grid 即可解决，无需自定义。 Slickgrid 仍然是 javascript 开发人员可用的最佳网格之一，但它似乎正在放缓 JavaScript 的进展。
将更改提交到网格的另一种解决方案是调用：
Slick.GlobalEditorLock.commitCurrentEdit();
我在 slickgrid 中使用了自定义格式化程序和编辑器，它只是复选框 angular 指令。我使用了两次指令，一次用于格式化程序，一次用于编辑器。格式化程序和编辑器由 angular 服务提供。 Slickgrid 本身包含在 angular 指令中。
编辑器是根据slickgrid doc实现的Writing custom editors
slickgrid 指令在多个地方使用。我正在努力解决的一种情况是，当有一个网格时，并且在网格之外有按钮。
当点击其中一个按钮时，我必须从 cells/editors 中获取值。
渲染网格时，一次看到复选框。它是 checked/unchecked 基于使用此格式化程序的单元格的当前值。
当点击带有复选框的单元格时，复选框从未选中变为选中，反之亦然。然后在复制到单元格的编辑器复选框的值中单击网格中的其他位置，然后格式化程序显示 checked/unchecked。
回到我的场景：当一个checkes/unchecks复选框在编辑器模式下，直接点击网格外的按钮之一，编辑器的值还没有应用到单元格，因此发送了错误的值。虽然我们仍处于编辑器模式，但未提交值。
现在的问题是，如何在动态更改复选框的值后立即将更改提交到单元格，而无需等待 slickgrid 从编辑器模式更改为格式化程序模式？
找到了this question相对的，但是我的环境不一样。
我发现 editor 接受 args 参数，其中有 commitChanges() 方法，但如何使用它？
最佳
我尝试了很多slickgrid的方法，但没有找到比这个更好的解决方案。
在我的自定义编辑器构造函数中，我添加了一个监视程序，监视 Checkbox 指令的 checked 属性的变化。
$timeout(function () {
controlScope.$watch('checked', function () {
$timeout(function() {
args.grid.getEditController().commitCurrentEdit();
args.grid.resetActiveCell();
});
});
});
第一个超时是不打破运行ning消化周期，在下一个运行消化。
并且下一次超时需要等到 angular 完成更改范围，然后才提交更改。否则 commitCurrentEdit() 将终止编辑器，从而终止 Checkbox 指令的范围。
希望有更好的解决办法。
1 编辑：这个解决方案带来了奇怪的行为。第一次单击效果很好，但下一次单击同一单元格不会更改选中的复选框。
2 编辑：我添加了网格的 resetActiveCell() 以离开活动单元格的焦点，现在它按我想要的方式工作。
3 编辑：如果不更改 Slickgrid 的源代码，我们找不到更好的解决方案，这是不希望的。在搜索了问题的替代方案和解决方案之后，我们决定使用 ui.grid，它在我们的环境中运行良好，因为我们使用的是 angular。我们在使用 slickgrid 时遇到的大部分问题，默认情况下只需使用 ui.grid 即可解决，无需自定义。 Slickgrid 仍然是 javascript 开发人员可用的最佳网格之一，但它似乎正在放缓 JavaScript 的进展。
将更改提交到网格的另一种解决方案是调用：
Slick.GlobalEditorLock.commitCurrentEdit();