Grid's row DELETE button does not immediately post

4 posts, 0 answers
  1. Craig
    Craig avatar
    2 posts
    Member since:
    Nov 2012

    Posted 19 Nov 2012 Link to this post

    I've been using the Grid successfully to implement paging, sorting, filtering via server-side POSTs, it all works great. However, I am having trouble getting the DELETE buttons (and possibly UPDATE as well) to immediately post, it seems like the control is waiting/batching them up... and I don't want that behavior. I want immediate POSTs for delete and update.

    Can anyone see where I'm going wrong here?


    <script type="text/javascript">
        $(function () {
                toolbar: ["create", "save", "cancel"],
                columns: [
                    { field: "FirstName", title: "First Name" },
                    { field: "LastName", title: "Last Name" },
                    { command: "destroy" }
                dataSource: new{
                    transport: {
                        read: {
                            url: "api/Customer",
                            type: "POST",
                            contentType: "application/json"
                        destroy: {
                            url: "api/Customer/Delete",
                            type: "POST"
                            //contentType: "application/json"
                        parameterMap: function (options, operation) {
                            if (operation === "read")
                                return kendo.stringify(options);
                                return options;
                    schema: { data: "Data", total: "Count", model: { id: "Id"} },
                    pageSize: 5,
                    serverPaging: true,
                    serverSorting: true,
                    error: function (e) {
                batch: false,
                editable: {
                    //mode: "popup",
                    destroy: true
                scrollable: false,
                sortable: true,
                pageable: true
  2. Petur Subev
    Petur Subev avatar
    1882 posts

    Posted 22 Nov 2012 Link to this post

    Hello Craig,

    The default editing mode is InCell which behavior is to save the changes locally and then peform request (or multiple requests for each change - depending if the batch option of the dataSource is set to true or not).
    If you set the mode to inline the requests will be started immediately after you press the update/delete button.


    editable: { mode:"inline",destroy: true }

    Kind Regards,
    Petur Subev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Chance
    Chance avatar
    12 posts
    Member since:
    Mar 2014

    Posted 12 Jun 2014 in reply to Petur Subev Link to this post

    How can I immediately delete for batch mode?
    I want the toolbar commands to have the batch behavior but the deletes to be immediate.

  4. Petur Subev
    Petur Subev avatar
    1882 posts

    Posted 16 Jun 2014 Link to this post

    Hello Craig,

    I assume that the option that you are looking for is the autoSync option of the dataSource:

    It will perform a ajax request immediately after any change made to the dataSource.

    Petur Subev

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

Back to Top