小编Jah*_*hir的帖子

单击网格上的任何其他单元格时,Ag Grid 将停止编辑单元格。如何防止这种情况?

我有一个具有fullRow编辑功能的 Ag Grid 。Edit单击按钮时,该行进入编辑模式(使用startEditing()网格的方法)。

在编辑模式下,我显示两个按钮,SaveCancel。我找到了抑制键盘事件(Enter、Esc 等)的方法。但是我找不到任何方法来阻止网格在单击另一个单元格时退出编辑模式。即使单击网格的另一部分,我也希望该行仍处于编辑模式。

我怎样才能实现这个功能?谢谢

N:B:我在 Angular 9 中使用 ag-grid(最新版本)

ag-grid angular

6
推荐指数
2
解决办法
2243
查看次数

过滤器下的按钮未出现在 Ag-Grid 中

编辑这是我的问题的一个plunkr

Ag-Grid 提供了在提供的过滤器下设置 4 个按钮的选项。这些是应用、清除、重置和取消按钮。这是一个例子。我试图在提供的数字过滤器上显示应用重置按钮,但它没有显示。过滤器工作正常,但按钮没有出现。

这是我的列定义:

filter: 'agNumberColumnFilter',
filterParams: {
    buttons: ['apply', 'reset']
},
Run Code Online (Sandbox Code Playgroud)

这是它的外观。没有按钮显示 在此处输入图片说明

注意:我正在使用带有Angular 9 的Ag-Grid 23.0.0社区版。

ag-grid ag-grid-angular

3
推荐指数
1
解决办法
1204
查看次数

ag-grid 不遵守 ColumnDefinitions 中设置的列的列顺序

根据 ag-grid,列顺序将遵循它们在列定义中指定的顺序。参考

但这在使用 ag-grid-angular 时不起作用。一些列首先显示,即使它们是在列定义的末尾指定的。看一些示例代码,

// grid.ts
// helper function to generate a definition of a single column
function generateColDef() {
    return { ... };
}

// helper function to dynamically generate ColDefs
export function getColDef(someArgs) {
    const someDynamicCols = someArgs.map((arg) => {
        return generateColDef(.....);
    })
    const colDefs = [
        slColumn,   // A column to show serial number
        generateColDef('id', 'ID', {
            editable: false,
        }),
        generateColDef('name', 'Name', {
            editable: false,
        }),
        ...someDynamicCols,
    ];
    return colDefs;
}

// html
<ag-grid-angular [columnDefs]="colDefs" …
Run Code Online (Sandbox Code Playgroud)

ag-grid angular ag-grid-angular

2
推荐指数
1
解决办法
1318
查看次数

标签 统计

ag-grid ×3

ag-grid-angular ×2

angular ×2