Kendo Grid UI编辑了值但未保存

时间:2014-10-20 10:04:03

标签: jquery kendo-ui kendo-grid

我想在网格中点击编辑按钮时捕获事件,我试图调用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. This is starting point where all events and datasource is populated.

 $(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,
              工具栏:[{name:“create”,text:“Add Publisher”}],//工具栏菜单               列:[{field:“publisherName”},{command:[“edit”],title:“Actions”}],editable:“inline”           });        });        

1 个答案:

答案 0 :(得分:1)

我找到了我的问题的解决方案,希望它对某人有用。在kendoGrid中编辑属性是解决我的问题的方法。

     $("#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"
    });