Extjs3.2 RowEditor 字段验证

Posted

技术标签:

【中文标题】Extjs3.2 RowEditor 字段验证【英文标题】:Extjs3.2 RowEditor Field validation 【发布时间】:2014-05-08 10:38:27 【问题描述】:

我正在处理ExtJS version 3.2。我有带有roweditor 插件的网格。我想在编辑时验证我的一些字段。我在某个地方找到了验证器 但它在 3.2 中不起作用,所以在此版本或任何其他代码中是否有任何替代 validator 的方法。

下面是我的代码


    header : "Payment",
    width : 120,
    sortable : true,
    dataIndex : 'payment',
    renderer: 
           function (value, metaData, record, rowIndex, colIndex, store)
               return  getToolTip(value, metaData, record, rowIndex, colIndex, store);
           ,
    editor : 
           xtype : 'numberfield',
           allowBlank : false,
    ,
    validator: function(value) 
           alert('value');
    

【问题讨论】:

【参考方案1】:

您可以将验证器按如下方式用于带有行编辑器插件的 EXT JS 3.2


                            header : "Payment",
                            width : 150,
                            sortable : true,
                            dataIndex : 'payment',
                            renderer: function (value, metaData, record, rowIndex, colIndex, store) 

                                 return  getToolTip(value, metaData, record, rowIndex, colIndex, store);
                                 ,
                            editor : 
                                xtype : 'textfield',
                                allowBlank : true,
                                validator: function(val) 
                                     var re = new RegExp("^[A-Z0-9, ]*$");  // Use of Regular expressions for validation
                                     if (val.match(re)) 
                                        return true;
                                      else 
                                         return "Invalid Value, AlphaNumeric, comma and space allowed ";
                                     
                                   
                            
                        ,

【讨论】:

以上是关于Extjs3.2 RowEditor 字段验证的主要内容,如果未能解决你的问题,请参考以下文章

如何在加载之前检查所有数据加载将新行添加到网格中(ExtJS 3.2)

Ext JS 4 - 如何在控制器内控制 rowEditor

Extjs 4.X RowEditor 触发“更新”按钮

Extjs GridPanel 验证

如何在 extjs 3.2 中设置值

EXtjs 3.2:如何将特定单元格设置为不可编辑或只读?