Extjs EditorGridPanel的校验

最新推荐文章于 2021-08-05 22:16:09 发布

jimmee

最新推荐文章于 2021-08-05 22:16:09 发布

阅读量373

点赞数

分类专栏： JavaScript 文章标签： EXT Java CSS prototype

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了如何在设置Grid的列编辑器时，直接调用享用的编辑器的validateValue方法，并根据validateValue的结果设置列的样式。通过实例代码展示了实现过程，包括文本字段验证和渲染方法的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

核心思想是:
1.在设置grid的列的editor的时候,直接调用享用的编辑器的validateValue方法;
2.根据validateValue的结果设置列的样式.

1的示列代码如下:

var	text={allowBlank: false};
						if (minfield)
							text.minValue = minfield;
						if (maxfield)
							text.maxValue = maxfield;



						text.validateValue=function(v) {


								record._valid[columnIndex]=Ext.form.NumberField.prototype.validateValue.call(this,v);


								return v;
							};


						this.colModel
								.setEditor(
										2,
										new Ext.grid.GridEditor(new Ext.form.NumberField(text)));

2.列的渲染的方法

	renderCol: function(value, metadata, record, rowIndex, colIndex, store) {


					try{
						if (record._valid && (record._valid[colIndex] === false)) {
							metadata.css = 'x-grid3-invalid-cell';
						}
					}catch(err){

					}

					return value;
				}