Javascript 剑道网格相当于onEditComplete

是否存在等同于onEditComplete for Kendo Grid的事件，其中该事件仅在编辑单元格内容后激发

提到“编辑”事件，但这会在单元格进入编辑模式时立即触发（因此这相当于onBeginEdit）

我找到的具有所需行为的最近事件是“save”事件，但此事件仅在单元格内容更改时触发。我希望一个事件在单元格退出编辑模式时立即触发

网格的编辑模式设置为incell。

您是否尝试了

“改变

当用户选择网格中的表行或单元格时激发。“

示例-使用单元格选择时获取选定的数据项

<div id="grid"></div>
<script>
function grid_change(e) {
  var selectedCells = this.select();
  var selectedDataItems = [];
  for (var i = 0; i < selectedCells.length; i++) {
    var dataItem = this.dataItem(selectedCells[i].parentNode);
    if ($.inArray(dataItem, selectedDataItems) < 0) {
      selectedDataItems.push(dataItem);
    }
  }
  // selectedDataItems contains all selected data items
}
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ],
  selectable: "multiple, cell"
});
var grid = $("#grid").data("kendoGrid");
grid.bind("change", grid_change);
</script>

功能网格变更（e）{
var selectedCells=this.select（）；
var selectedDataItems=[]；
对于（变量i=0；i

因此，由于前面的评论，我删除了以前的答案-在输入框（或其他元素）上使用模糊事件似乎有效：

在grid.edit事件中，使用jquery绑定到文本框（或任何其他内联编辑控件）的模糊事件，该事件在焦点丢失时触发。将其附加到网格定义中…并用代码替换警报

edit: function (e) {
        alert('Edit Fired');
        $('input.k-input.k-textbox').blur(function () {
            alert('blur event called');
        });
    },

我已经通过修改示例内联编辑代码对此进行了测试

我的完整本地编辑源-仅查看网格定义上的编辑事件：

<div id="example" class="k-content">
    <div id="grid"></div>

    <script>
        $(document).ready(function () {
            var crudServiceBaseUrl = "http://demos.kendoui.com/service",
                dataSource = new kendo.data.DataSource({
                    transport: {
                        read: {
                            url: crudServiceBaseUrl + "/Products",
                            dataType: "jsonp"
                        },
                        update: {
                            url: crudServiceBaseUrl + "/Products/Update",
                            dataType: "jsonp"
                        },
                        destroy: {
                            url: crudServiceBaseUrl + "/Products/Destroy",
                            dataType: "jsonp"
                        },
                        create: {
                            url: crudServiceBaseUrl + "/Products/Create",
                            dataType: "jsonp"
                        },
                        parameterMap: function (options, operation) {
                            if (operation !== "read" && options.models) {
                                return { models: kendo.stringify(options.models) };
                            }
                        }
                    },
                    batch: true,
                    pageSize: 20,
                    schema: {
                        model: {
                            id: "ProductID",
                            fields: {
                                ProductID: { editable: false, nullable: true },
                                ProductName: { validation: { required: true } },
                                UnitPrice: { type: "number", validation: { required: true, min: 1 } },
                                Discontinued: { type: "boolean" },
                                UnitsInStock: { type: "number", validation: { min: 0, required: true } }
                            }
                        }
                    }
                });

            $("#grid").kendoGrid({
                dataSource: dataSource,
                pageable: true,
                height: 430,
                toolbar: ["create"],
                // added in hook to here to bind to edit element events.  
                // blur is fired when an element loses focus
                edit: function (e) {
                    alert('Edit Fired');
                    $('input.k-input.k-textbox').blur(function (e) {
                        alert('blur event called');
                    });
                },
                columns: [
                    "ProductName",
                    { field: "UnitPrice", title: "Unit Price", format: "{0:c}", width: "100px" },
                    { field: "UnitsInStock", title: "Units In Stock", width: "100px" },
                    { field: "Discontinued", width: "100px" },
                    { command: ["edit", "destroy"], title: "&nbsp;", width: "172px" }],
                editable: "inline"
            });
        });
    </script>
</div>

$（文档）.ready（函数（）{
var crudServiceBaseUrl=”http://demos.kendoui.com/service",
dataSource=新建kendo.data.dataSource({
运输：{
阅读：{
url:crudServiceBaseUrl+“/Products”，
数据类型：“jsonp”
},
更新：{
url:crudServiceBaseUrl+“/Products/Update”，
数据类型：“jsonp”
},
销毁：{
url:crudServiceBaseUrl+“/Products/Destroy”，
数据类型：“jsonp”
},
创建：{
url:crudServiceBaseUrl+“/Products/Create”，
数据类型：“jsonp”
},
parameterMap：功能（选项、操作）{
if（操作！=“读取”&&options.models）{
返回{models:kendo.stringify（options.models）}；
}
}
},
批次：对，
页面大小：20，
模式：{
型号：{
id:“产品id”，
字段：{
ProductID:{可编辑：false，可空：true}，
产品名称：{验证：{必需：true}}，
单价：{type:“number”，验证：{required:true，min:1}，
中止：{type:“boolean”}，
UnitsInStock:{type:“number”，验证：{min:0，必需：true}
}
}
}
});
$（“#网格”）.kendoGrid({
数据源：数据源，
pageable:对，
身高：430，
工具栏：[“创建”]，
//在钩子中添加到此处以绑定到编辑元素事件。
//当元素失去焦点时触发模糊
编辑：功能（e）{
警报（“编辑触发”）；
$（'input.k-input.k-textbox'）.blur（函数（e）{
警报（“调用模糊事件”）；
});
},
栏目：[
“产品名称”，
{字段：“单价”，标题：“单价”，格式：“{0:c}”，宽度：“100px”}，
{字段：“单位库存”，标题：“库存单位”，宽度：“100px”}，
{字段：“中断”，宽度：“100px”}，
{命令：[“编辑”、“销毁”]，标题：“”，宽度：“172px”}]，
可编辑：“内联”
});
});

为什么不使用“模糊”事件

使用该事件

（焦点移动到正在编辑的单元格外时激发，然后 在单元格关闭之前）

---

同样，正如OP中明确规定的，我需要一个事件，在单元格上的编辑完成时触发该事件。您的建议或多或少与onBeginEdit类似。我需要的是onEditComplete。我远程绑定了数据源，使用它意味着在数据源本身发生更改时触发事件。我希望数据源完好无损，我只需要在单元格退出编辑模式时触发事件。我成功地在文本框上挂接了模糊事件，该事件应该只在文本框失去焦点时触发-我已经测试过了。如果您想挂接到textbox以外的任何其他元素，只需更改grid.edit事件代码中的jquery选择器-请参阅my editFrom，因为我知道没有类似“onEditComplete”的事件。但是您可以使用css选择器获取元素并设置模糊函数。这：

    $("#window").blur(function(){
      if ($(document.activeElement).closest(".k-window").length == 0) {
        $("#window").data("kendoWindow").close();
      }
    });