我有一个具有fullRow编辑功能的 Ag Grid 。Edit单击按钮时,该行进入编辑模式(使用startEditing()网格的方法)。
在编辑模式下,我显示两个按钮,Save和Cancel。我找到了抑制键盘事件(Enter、Esc 等)的方法。但是我找不到任何方法来阻止网格在单击另一个单元格时退出编辑模式。即使单击网格的另一部分,我也希望该行仍处于编辑模式。
我怎样才能实现这个功能?谢谢
N:B:我在 Angular 9 中使用 ag-grid(最新版本)
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 时不起作用。一些列首先显示,即使它们是在列定义的末尾指定的。看一些示例代码,
// 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)