Завершение работы редактора Slickgrid

Question

Я установил Editors.Text или отредактировал.

 {id: "label", name: "name", field: "label",editor: Editors.Text,width: 80},

Позволяет редактировать поля в браузере.

Но как я могу поймать, когда редактирование закончено ??

Я проверяю событие список slickgrid.

Однако не удается найти подходящее событие.

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

Answer 1

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

Я предполагаю, что вы хотите обновить некоторые связанные данные или пользовательский интерфейс после завершения редактирования?

[Редактировать]

Для этого в редакторе есть события, инкапсулированные для этого - сетка использует модель плагина с loadValue и applyValue для чтения / записи источника данных.Я опубликую пример моего личного текстового редактора здесь, поскольку это может помочь.Обратите внимание, что я написал провайдера данных для моей личной сетки, чтобы он мог взаимодействовать с несколькими пользовательскими объектами данных - это не тот стандарт, который вы должны использовать, а это здесь .

function TextEditor(args) {
    var $input;
    var defaultValue;
    var scope = this;

    this.init = function () {
        $input = $("<INPUT type=text class='editor-text' />")
      .appendTo(args.container)
      .on("keydown.nav", function (e) {
          if (e.keyCode === $.ui.keyCode.LEFT || e.keyCode === $.ui.keyCode.RIGHT) {
              e.stopImmediatePropagation();
          }
      })
      .focus()
      .select();
        $input.width(args.container.clientWidth); /* mod */
    };

    this.destroy = function () {
        $input.remove();
    };

    this.focus = function () {
        $input.focus();
    };

    this.getValue = function () {
        return $input.val();
    };

    this.setValue = function (val) {
        $input.val(val);
    };

    this.loadValue = function () {
        defaultValue = args.grid.getDataProvider().getValueByColName(args.rowIndex, args.column.field);
        defaultValue = defaultValue || "";
        $input.val(defaultValue);
        $input[0].defaultValue = defaultValue;
        $input.select();
    };

    this.serializeValue = function () {
        return $input.val();
    };

    this.applyValue = function (state) {
        args.grid.getDataProvider().setValueByColName(args.rowIndex, args.column.field, state);
    };

    this.isValueChanged = function () {
        return (!($input.val() == "" && defaultValue == null)) && ($input.val() != defaultValue);
    };

    this.validate = function () {
        if (args.column.validator) {
            var validationResults = args.column.validator($input.val());
            if (!validationResults.valid) {
                return validationResults;
            }
        }

        return {
            valid: true,
            msg: null
        };
    };

    this.init();
}