Javascript Slickgrid编辑器完成事件

Javascript Slickgrid编辑器完成事件,javascript,slickgrid,Javascript,Slickgrid,我设置了编辑器。文本或编辑 这样可以在浏览器上编辑字段 但编辑完成后,我如何捕捉 我正在检查slickgrid事件 但是,无法找到适当的事件 编辑列后如何捕获事件???似乎没有针对此的通用事件-添加一个可能不是一个坏主意。我猜想您应该编写一个自定义编辑器,并将事件直接添加到该编辑器中,而不是将其添加到网格中 我假设您想在编辑完成后更新一些相关数据或UI [编辑] 编辑器中封装了事件来执行此操作-网格使用带有loadValue和applyValue的插件模型来读取/写入数据源。我将在这里发布一个我

我设置了编辑器。文本或编辑

这样可以在浏览器上编辑字段

但编辑完成后,我如何捕捉

我正在检查slickgrid事件

但是,无法找到适当的事件


编辑列后如何捕获事件???

似乎没有针对此的通用事件-添加一个可能不是一个坏主意。我猜想您应该编写一个自定义编辑器,并将事件直接添加到该编辑器中,而不是将其添加到网格中

我假设您想在编辑完成后更新一些相关数据或UI

[编辑]

编辑器中封装了事件来执行此操作-网格使用带有loadValue和applyValue的插件模型来读取/写入数据源。我将在这里发布一个我的个人文本编辑器示例,因为它可能会有所帮助。请注意,我已经为我的个人网格编写了一个数据提供程序,允许它与多个自定义数据对象进行接口-这不是您应该使用的标准数据对象,即


是,我想根据浏览器上的编辑更新数据库实体。我很惊讶编辑完成后没有回调。如果是,他们如何更新数据库,正在添加“更新”按钮??我从slickgrid源代码复制并粘贴TextEditor函数,并将其命名为myTextEditor,然后使用Ajax在这个.isValueChanged函数中更改数据。这是我想要的。非常感谢你。
 {id: "label", name: "name", field: "label",editor: Editors.Text,width: 80},
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();
}