transport.destroy of Grid Editor is not working

[Mohammed Nazrul]

Hello Every one,

When We click the delete button it deletes the row on the fly. But it does not send any data by the transport.destroy {}  function to the server nor transport.destroy function to call delete action to remove from Database. How can I make it workable  (invoke deleteAction) through transport.destroy {} to delete data from server by {command : 'destroy' } Button?

For you convenience, here is my Code for your reviewing : 
===================================================

$("#grid").kendoGrid({                       

                        dataSource: {

                            type: "json",

                            serverPaging: true,

                            serverFiltering: false,

                            serverSorting: true,

                            batch: false,

                            pageSize: 10,

                            sort: { field: "image_date", dir: "desc" },

                            schema: {

                                data: 'data',

                                total: 'total',                           

                                model: {

                                    id: "image_file_name",

                                    fields: {

                                        image_field: { type: "string"/*, editable: false*/ },

                                        image_file_name: { type: "string" },

                                        image_file_size: { type: "numbers" },

                                        image_date: { type: "string" }

                                    }

                                }

                            },

                            error: function (e) {

                                 var json = jQuery.parseJSON(e.responseText);

                                 alert("An error has occured: " + json.Message);

                            },

                            transport: {                               

                                read: {

                                    type: "POST",

                                    dataType: "json",                               

                                     url: "<?php echo $this->url( array('module' => 'Portfolio','controller' => 'frontend', 'action'     => 'grid'), 'adminrout',    true) ?>",

                                    data : <?php echo $this->settings_json_info; ?>,

                                    complete: function(e) {

                                        //alert(e.responseText.toSource());                                       

                                    }

                                },

                                destroy: {

                                    type: "GET",

                                    dataType: "json",

                                    cache: false,

                                    url: "<?php echo $this->url( array('module' => 'Portfolio','controller' => 'frontend', 'action'     => 'delete'), 'adminrout',    true) ?>",

                                    data : <?php echo $this->settings_json_info; ?>,

                                    complete: function(e) {

                                        alert(e.responseText.toSource());

                                    }

                                },                               

                                 

                            }

                        },

                        selectable: "multiple",

                        change: OnChange,

                        height: 280,

                        filterable: true,

                        pageable: {

                            refresh: true,

                            pageSizes: true

                        },

                        scrollable:  {

                            virtual: true

                        },

                        sortable: true,

                        reorderable: true,

                        resizable: true,

                        columns: [                           

                            { field: "image_field", title: "Images", width: 50, template: '<img src="<?php echo $this->serverUrl().$this->baseUrl();  ?>/${ image_field }" height="60" />' },

                            { field: "image_file_name", title: "Name", width: 200},

                            { field: "image_file_size", title: "Size", width: 100},

                            { field: "image_date", title:"Date", width: 100},

                            { command: {

                                    name: "destroy",

                                    text: "Delete"

                              },

                              title: " ",

                              width: 100

                            }

                        ],                       

                        editable: { //disables the deletion functionality

                                 update: false,

                                 destroy: true

                              }

                    });   

According to the above code, the Delete Button does not invoke our PHP deleteAction() and i need your help.

 

[Nikolay Rusev]

Hello Mohammed,

The deleted items will be automatically processed through transport destroy only for "inline"/"popup" edit modes.

The default edit mode is "incell"  and this the current mode in your grid implementation. To change that you must have the following grid configuration:

editable: {
..
mode: "inline",
...
}
//or
editable: "inline"

All the best,
Nikolay Rusev
the Telerik team

[Mohammed Nazrul]

Thanks Dear. 

It worked :)

 

[Mohammed Nazrul]

Dear Sir, 

Could you please advice where can we find this parameter's documents and param list info in details to play with ?


 

[Nikolay Rusev]

Hello Mohammed,

This article is good place to start: http://docs.kendoui.com/api/web/grid#editable-booleanobject-default

Regards,
Nikolay Rusev
the Telerik team

[Mohamed]

Hi guys,

 

Currently I have this problem when trying to delete a record from a Kendo grid.

I have an id field in the model, the editable is set to "inline" and I'm not setting the batch button.

 what happens, is that the Create is being fired before the edit, so basically, the record is added to the database again before getting deleted.

I tried to debug and noticed the following:

As soon as I hit the Delete button (from the grid), the row is removed from the grid, then the create fire (I assume because now row was found in the data bound event) and then the deleted gets fired.

 

Any idea about this?

 

Thanks,

[Nikolay Rusev]

Hello Mohamed,

 

This might happen if you haven't configured schema.model.id in the DataSource. The model will be considered as new in this case and on sync will be send to server through create action.

 

Regards,
Nikolay Rusev
Telerik

 

 

[Mohamed]

Thanks Nikolay,

 As I said the id was configured but I found out that there was a data issue where one record had an empty id (the id field was auto generated but wasn't set as a primary key).

 

Thanks for your help,

[Nikolay Rusev]

Hello Mohamed,

 

Each model must have unique value for the id field and that value must be different from the default value for the type of the field (for number - 0, for string - "").

 

Otherwise the model will be considered as new from the DataSource and when you sync it will be send through the create transport method.

 

You can verify whether a model is considered new or not by inspecting the return value of isNew method.

 

Regards,
Nikolay Rusev
Telerik