kendo grid delete button doesn't trigger delete function

Question

Here is my grid:

$("#category-gridview").kendoGrid({
     dataSource: {
         type: "json",
         transport: {
             read: {
                 url: function (options) {
                     return '/Product/GetCategories?id=' + $("#selectedProductId").val() + '&company=' + $("#company-dropdown").val() + '&language=' + $("#country-dropdown").val();
                 },
                 dataType: "json",
                 type: "POST"
             },
             destroy: {
                 url: '/Product/DeleteProductCategory',
                 dataType: "json",
                 type: "POST",
                 contentType: "application/json"
             },
             parameterMap: function (options, operation) {
                 console.log("HÄÄR");
                 console.log(options);
                 if (operation !== "read" && options.models) {
                     return JSON.stringify({
                         category: options
                     });
                 }
             }
         },
         schema: {
             model: {
                 fields: {
                     id: {
                         type: "string"
                     },
                     name: {
                         type: "string"
                     },
                 }
             }
         },
     },
     columns: [{
         field: "id",
         hidden: true

     }, {
         field: "name",
         title: "Category",
         width: "30px"
     }, {
         command: "destroy",
         title: "&nbsp;",
         width: 15
     }],
     editable: false,
 });

somehow the read function works as expected but when i press the delete button i won't even reach my parameter map function. When i look in chrome console there is no request sent to my controller.

here is my controller method:

[HttpPost]
public JsonResult DeleteProductCategory(CategoryResponse category)
{
    return Json(category);
}

Maybe try removing the type: 'json' (according to the documentation docs.telerik.com/kendo-ui/api/javascript/data/…, that isn't a valid setting for dataSource.type) — Robin Giltner
– Robin Giltner, Commented Jun 30, 2015 at 12:39
Oh, I think you need to return something in the parameterMap function for when the operation is destroy. — Robin Giltner
– Robin Giltner, Commented Jun 30, 2015 at 13:16

himawan_r · Accepted Answer · 2015-06-30 13:25:18Z

Let me try to answer, but to note that i change your transport and the column setting to match the field using kendo because obviously i can't use yours. Similar to this

transport: {
             read: {
                 url: "http://demos.telerik.com/kendo-ui/service/products",
                 dataType: "jsonp"
             },
             destroy: {
                 url: "http://demos.telerik.com/kendo-ui/service/products/destroy",
                    dataType: "jsonp"
             },
             parameterMap: function(options, operation) {
                    if (operation !== "read" && options.models) {
                        return {models: kendo.stringify(options.models)};
                    }
                }
},

At first glance i notice you use "POST" on read and delete call, actually you don't need them?

But then you said that you couldn't reach the parametermap, i came to think of

You set editable : false, how can you edit it if you set it to false? you should make it to editable : true(note: also you can try to set it to false and then you can see the delete function will not work)

DEMO

Abbas Galiyakotwala · Accepted Answer · 2015-07-01 09:13:20Z

0

Instead of stringifing {param:value} Simply stringify value i.e stringify(options.models) for parameter category

parameterMap: function(options, operation) {
                                if (operation !== "read" && options.models) {
                                    return { category: kendo.stringify(options.models) };
                                }
                            }

edited Jul 1, 2015 at 9:13

answered Jul 1, 2015 at 3:50

Abbas Galiyakotwala

3,0194 gold badges22 silver badges34 bronze badges

1 Comment

Artjom B. Over a year ago

Perhaps you should edit your answer to include a description how this answers the question.

Collectives™ on Stack Overflow

kendo grid delete button doesn't trigger delete function

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related