javascript - Kendo Grid - 在按钮单击中传递编辑的值

Question

我对 javascript/jquery 比较陌生，所以如果这听起来像一个愚蠢的问题，请原谅我。

我有一个从控制器方法绑定到 url 的 Kendo UI 网格。这一切都很好，但我希望用户能够更改某些字段的值。我在表格本身上启用了“可编辑”标志以允许更改这些值，但是当单击按钮时，它会传递原始值而不是更新的值。我错过了一些简单的东西吗？

    <div id="productlist-grid"></div>
<script>
    $(function() {
        $("#productlist-grid").kendoGrid({
            dataSource: {
                type: "json",
                transport: {
                    read: { url: "@Html.Raw(dataUrl)", type: "POST", dataType: "json", data: additionalData }
                },
                schema: { data: "Data", total: "Total", errors: "Errors" },
                error: function(e) {
                    display_kendoui_grid_error(e);
                    // Cancel the changes
                    this.cancelChanges();
                },
                pageSize: @(defaultGridPageSize),
                serverPaging: true,
                serverFiltering: true,
                serverSorting: true
            },
            pageable: {
                refresh: true,
                pageSizes: [@(gridPageSizes)]
            },
            editable: true,
            scrollable: false,
            columns:
            [
                {   field: "ProductPictureUrl", title: "Picture", template: '<img src="#=ProductPictureUrl#" />', width: 100, editable: false },
                {   field: "ProductName", title: "Product Name", editable: false },
                {   field: "ProductSku", title: "Sku", editable: false},
                {   field: "Quantity", title: "Quantity", type: "number"},
                {   field: 'SplitPack', title: 'Split Pack', template: kendo.template($("#template").html())},
                {   field: "AddToCart", title: "", template: '<a href="@Url.Action("AddToCart", "OrderTemplate")?ProductSku=#=ProductSku#&Quantity=#=Quantity#&TemplateId=@Model.TemplateId">Add To Cart</a>', editable: false}
            ]
        });
    });
</script>

提前谢谢了！！

标签： javascriptjqueryrazorkendo-grid