如何在 ag-grid 单元格上设置最大长度

弗拉德·达尼拉

有没有办法在 ag-grid 单元格中强加maxLength文本,类似于普通输入元素上的文本?

  <input maxlength="220"/>

未找到相关文档。此外,在我看来,不需要特殊情况和更多细节。谢谢!

取消尖峰

是的,您可以控制输入数据的完整流程,但您必须为此创建自己的数据流cellEditor

所以 - 进行简单的输入验证应该不难。

为了满足您的要求,您必须处理组件中的一项功能:

// Gets called once when editing is finished (eg if enter is pressed).
// If you return true, then the result of the edit will be ignored.
isCancelAfterEnd?(): boolean;

isCancelAfterEnd() {
    return !this.isValid(this.eInput.value);
}

isValid(value) {
    return value.length <= this.maxLength;
}

Demo

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何禁用ag-grid中的单元格选择?

Ag-Grid:如何获得集中的单元格值

如何通过cellRendererSelector使Ag Grid显示空白单元格

ag-Grid/Reactjs - 如何在 columnDefs 中获取单元格值

如何在ag-grid单元格字段值中显示枚举值?

AG-Grid-如何在单元格数据中插入换行符

如何在单元格渲染器中使用按钮删除Ag-grid行

Angular Ag-Grid:如何在单元格中呈现HTML?

如何在ag-grid中添加与单元格中的数据相同的默认headerTooltip?

如何在ag-grid angular中为悬停的单元格添加边框?

如何在Angular的ag-grid中的单元格中与其他单元格值建立链接?

在 Ag Grid 中动态更改或设置单元格类别

如何在ag-Grid的单元内渲染Angular routerLink?

如何在AG网格上设置单元格分隔线

如何在Ag-Grid中有条件地启用/禁用单元格渲染器?

如何使ag-grid中的单元格内容垂直居中?

Ag-grid:使用 enableCellTextSelection 并选择文本时如何禁用单元格单击事件?

如何更改已在ag-Grid中编辑的单元格的样式?

当列已使用 ag-grid 值 getter 定义时,如何访问单元格值?

如何使 Ag-Grid 单元格文本(不是整个单元格)具有点击事件

在单元格编辑触发的异步方法完成之前和之后,如何更改Ag Grid中的单元格样式?

如何在Ag Grid中隐藏列?

AG-Grid单元格模板值更改

Ag-Grid - 单元格下拉复选框

在 AG-GRID Angular 中插入单元格断线

ag-Grid:如何从单元测试访问gridApi?

在 ag-grid Excel 导出中,如何将空日期时间类型设为空单元格而不是 1900.01.00

如何设置 AG-GRID 列垂直边框的样式

ag-grid如何设置浮动滤镜高度