Как проверить класс редактируемой сетки 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');