validation - 如何验证 Extjs 可编辑网格单元

Question

我有一个可编辑的网格，对于特定的列/字段，我必须实施验证。例如，假设我有一个有 2 列的网格。想要在输入符号及其数量后验证符号。

为了验证，将有一个服务调用，响应将有一个指示符，并基于该指示符将无效符号的背景设置为红色。

如何发送 AJAX 请求并用边框颜色红色/bgcolor 红色标记无效符号

提前致谢！！

Answer 1

对于单元格编辑，您可以使用Ext.grid.plugin.CellEditing网格插件。这个插件有edit( editor, context, eOpts )在单元格被编辑后触发的事件。

在此事件的侦听器中，您可以从参数中获取有关已编辑记录的信息，context并向服务器发出 AJAX 请求以进行验证。

要设置网格单元格的背景颜色，您可以使用：

// get element object from HTML code
var rowEl = Ext.get(context.row);
var tdElIdx =  context.colIdx + 1;
// find element of edited cell
var celEl = rowEl.down('td:nth(' + tdElIdx + ')');
// set background color of the cell
celEl.setStyle('background-color','red');