extjs3 网格单元最大长度输入验证

Posted

技术标签:

【中文标题】extjs3 网格单元最大长度输入验证【英文标题】:extjs3 Grid cell maxlength input validation 【发布时间】:2013-12-19 14:27:18 【问题描述】:

我有一个 EditorGridPanel,网格单元格想要验证以防止在单元格字段中输入超过单元格最大长度限制的字符。当用户尝试输入超过删除多余字符的最大限制时(就像 Twitter 的输入框),我该如何在 extjs 中执行?

【问题讨论】:

【参考方案1】:

在您的列配置中,您可以为列定义编辑器。在那里您可以将Ext.form.TextField 设置为列编辑器。在文本字段配置中,您可以通过 maxLength 配置属性定义最大长度限制。

列配置:


   ...
   editor: new Ext.form.TextField(
       maxLength: 25
   ),
   ...

【讨论】:

MyTextField1Ui = Ext.extend(Ext.form.NumberField, name: 'name', decimalPrecision: 0, allowDecimals: false, allowBlank: false, maxLength: 33, id: 'my_id', initComponent: function() MyTextField1Ui.superclass.initComponent.call(this); ); 就像我为验证所做的那样,但这对我不起作用。它不像我所描述的那样验证。感谢您的出色效果

以上是关于extjs3 网格单元最大长度输入验证的主要内容,如果未能解决你的问题,请参考以下文章

如何在 extjs3 网格中捕获最后一行编辑事件

Extjs3.2 RowEditor 字段验证

如何在 extjs3.4 中更改工具提示背景

加载商店后如何在网格中设置值? EXTJS3

更改网格 extjs3 中的记录边框颜色

ExtJs 3:如何根据用户网格存储值动态更新网格单元工具提示?