4

我将 ag-grid 与 Angular v7 一起使用，但我在值解析器方面遇到了一些问题，我想将其与自定义单元格编辑器一起使用。

当我声明自定义单元格编辑器时，值解析器似乎被简单地忽略了。我将它硬编码为始终返回相同的值，无论参数如何，它都会这样做 - 当我从列定义中删除 cellEditor 时。一旦声明了自定义编辑器，解析器似乎不再工作 - 它对保存的值没有任何影响。它甚至没有被调用——我试图在其中记录一些东西，当有自定义编辑器时，它在控制台中不可见。

如果我错了，请纠正我，但这不是预期的行为，或者是吗？文档中的正弦值解析器和设置器在单元格编辑文章中提到，所以我认为它们应该一起工作。

4

2 回答 2

6

在实现自定义单元格编辑器时，我有完全相同的疑问，其中 valueParser 似乎被网格完全忽略了。因此，在查看了 ag-grid 文档后，我找到了解决方案。提供给单元格编辑器方法的params对象agInit具有以下属性。

  parseValue: (value: any) => any;

该函数与ValueParser您在列的 colDef 中编写的函数相同。getValue在自定义单元格编辑器的方法内对返回的数据调用 parseValue() 。

于 2019-02-07T11:37:40.813 回答
0

@abd995 正确的是 parseValue 指向列定义中的函数。但是，如果您按照文档的方式遵循接口定义，则无法从 getValue 函数中调用 parseValue ，因为它们提供的示例无济于事，例如xxx.prototype.getValue = function....

相反，在 init 函数中，您需要在getValue其中声明调用以访问 params 对象。

例如：

CodeValueEditor.prototype.init = function (params) {

        this.container = document.createElement('input');
        this.container.classList.add('ag-cell-edit-input');


        this.container.value = params.value;

        this.getValue = function () {
            var parseResult = params.parseValue(this.container.value);

            if (parseResult)
                return this.container.value;

            return params.value;
        };

通过检查结果，您可以返回新值 - 或者如果失败，则返回原始值params.value。

我还没有对它进行广泛的测试，但它似乎可以工作，并且允许我使用自定义编辑器并利用列定义的值解析器。

希望这可以帮助！附言。您可能需要调整上述“this”的范围。

于 2019-10-25T13:52:37.530 回答