Как я могу проверить столбцы w2ui в datatable?

Question

Какое событие следует использовать для проверки значения в поле в таблице данных? Например, мне нужно убедиться, что поле не является нулевым. Я знаю, что эта ошибка может быть обнаружена при отправке данных на сервер. Можно ли перехватить сообщение об ошибке и выделить определенное поле перед отправкой промежуточного программного обеспечения?

Я попытался использовать событие onEditField. Это завершается до ввода нового значения, поэтому событию нечего оценивать.

Answer 1

Вы должны использовать событие onChange.

Скрипт

$(function () {
    $('#grid').w2grid({ 
        name: 'grid', 
        columns: [                
            { field: 'fname', caption: 'First Name', size: '30%', editable: {type: 'text'} },
        ],
        records: [
          { recid: 1, fname: "Name1"},
          { recid: 2, fname: "Name2"}
        ],
        onChange : function(event){
          event.done(function(ev){
            console.log(ev);
          });
        }
    });    
});

Из документов :

Вызывается, когда пользователь изменяет любое поле в редактируемой строке.

В приведенном выше примере, если вы измените Name2 на Name3, объект события будет содержать:

{
  ...
  "value_new": "Name3",
  "value_previous": "Name2",
  "value_original": "Name2",
}

Объект события также будет содержать дополнительную информацию, такую ​​каккак столбец и индекс записи, так что вы действительно можете выделить ячейку / строку на основе нового значения, если хотите.

Если вы используете w2ui 1.4, используйте event.onComplete = function(ev){...} вместо event.done(...).