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

Question

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

对于验证，将进行服务调用，响应将有一个指示符，并根据该指示将无效符号的背景设置为RED。

如何发送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');