如何驗證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');