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

Question

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

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

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

提前致谢!

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');