2016-12-23 25 views
0

https://jsfiddle.net/sshetye08/1uh6m6wj/4/Kendo UI Grid在排序时创建事件

重现步骤。

  1. 点击“添加新记录”。

  2. 点击任何栏目的排序图标。

  3. 观察网格数据。

Bug:记录正在保存,但我没有点击“保存”图标。

有没有人有任何解决方案。

的index.html

<base href="http://demos.telerik.com/kendo-ui/grid/editing"> 
<body> 
    <div id="example"> 
     <div id="grid"></div> 
    </div> 
</body> 

的script.js

$(document).ready(function() { 
        var crudServiceBaseUrl = "//demos.telerik.com/kendo-ui/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, 
         sortable: true, 
         navigatable: true, 
         pageable: true, 
         height: 550, 
         toolbar: ["create", "save", "cancel"], 
         columns: [ 
          "ProductName", 
          { field: "UnitPrice", title: "Unit Price", format: "{0:c}", width: 120 }, 
          { field: "UnitsInStock", title: "Units In Stock", width: 120 }, 
          { field: "Discontinued", width: 120 }, 
          { command: "destroy", title: "&nbsp;", width: 150 }], 
         editable: true 
        }); 
       }); 
+0

你是什么意思记录得到保存?它肯定被添加到本地数据源(否则它根本就不在网格中),但dataSource的创建传输(这是您将其保存在服务器上的位置)不会被调用。如果刷新网格,除非您单击“保存”,否则新行将不存在。 –

回答

0

记录没有被保存,它只是增加了电网。实际上有一个错误会让您在排序后会使“脏”注释(小红色三角形)消失,但如果您单击“取消更改”按钮,添加的行将被删除,同时用“SAVE CHANGES“按钮将保留。