Kendo Grid UI编辑值,但未保存

问题描述 投票:0回答:1

[我想在某人单击网格中的编辑按钮时捕获事件。我正在尝试调用OnEdit函数,它对此没有任何解决方案?


<script>    
 // When user clicks on edit button command I would like to call this function.
 function onEdit(e) {
   alert('onEdit');
  }

// Kendo grid code for populating the data from ajax call and edit function. 

这是填充所有事件和数据源的起点。

$(document).ready(function() {
    dataSource = new kendo.data.DataSource({
        transport: {
            update: {    // Update event
                type: "POST",
                url: BASE_URL + "admin/updatePublisher.htm",
                contentType: "application/json; charset=utf-8",
                dataType: "json"
                success: function (result) { // success will save the data
                    options.success(result);
                }
            },
            parameterMap: function(options, operation) {
                // Update is clicked or created this is place it will reach. 
            },
            batch: true,pageSize: 50,
            schema: {
                type: "json",
                model: {
                    id: "id",
                    fields: {
                        id: {
                            editable: false,nullable: true,type: "number"
                        }
                    }
               },
               data: "items"   // the items return from ajax
           }, 
      });  // end of datasource
      // Kendo UI
      $("#grid").kendoGrid({
          dataSource: dataSource,
          navigatable: true,
          pageable: true,           
          toolbar: [{ name: "create", text: "Add Publisher"}], // toolbar menu
          columns: [{field: "publisherName"},{ command: ["edit"], title: "Actions" }],
          editable: "inline"
      });
   });
</script>
jquery kendo-ui kendo-grid
1个回答
1
投票

我已经找到了解决我问题的方法,希望它对某人有用。 kendoGrid中的edit属性可以解决我的问题。

     $("#grid").kendoGrid({
        dataSource: dataSource,
        navigatable: true,
        pageable: true,
        edit      : function (e) {
            // Write your code
          },            
        height: 550,         
        toolbar: [{ name: "create", text: "Add Creater"}],
        columns: [{
            field: "emailCreativeName",
            title: "Email Creater",
            width: "350px"
        },{ command: ["edit"], title: "Actions", width: "200px" }],
        editable: "inline"
    });
© www.soinside.com 2019 - 2024. All rights reserved.