Question

如何在ag-grid单元格中简单输入type =“ number”？像这样的东西：

cellRenderer: params => {
        if (isNaN(Number(params.value))
        {
            return params.value.replace(/[^0-9\.]+/g, '');
        } else {
            return params.value;
        }
    }

Answer 1

您正在做的事情就像“ Shotgun”。不仅在编辑时还会处理无效输入，即使渲染时提供了一些错误的值（从源获取数据）也会如此。

您必须定义一个自定义组件来处理用户输入。

locals {
  env_vars = { for k, v in var.env_vars : k => v if v != ""}
}

自定义编辑器组件Ref Documentation

var columnDefs = [
    {
        field: "value",
        editable: true,
        cellEditorSelector: function (params) {
            if (params.data.type === 'age') { // here you can check using your logic if it needs numericCelleditor or not
                return {
                    component: 'numericCellEditor'
                };
            }
             return null;
        ...
        ...

Answer 2

不幸的是，没有一种简单的方法可以做到这一点。就我而言，我在官方页面ag-grid上创建了单独的组件。我希望在不久的将来他们可以改变这一点，因为现在还不清楚并且很复杂。谢谢大家的帮助！

农业网格单元格编辑仅允许数字

2 个答案: