Refresh Telerik MVC Grid with Ajax Call, after Success call a Function?

Question

I see there are lot of related question in this site. But Still I am not able to make this work for my requirement.

This is my ajax call

 $.ajax({
      type: "POST",
      url: "/Medication/StopMedication",
      data: { ID: pid, StopNote: note },
      dataType: "json",
      success: function () {
           refreshGrid()
      }
});

and my refresh grid is like this

  function refreshGrid() {
        alert("I am at Refresh Grid");
        if ($(".t-grid .t-refresh").exists()) {
            $(".t-grid .t-refresh").trigger('click');
        }
    }

First of all after success my ajax call is not firing refreshGrid() function. can any one help me with this

I found the issue and fixed it:

I Made these Changes

 dataType: "text",
  success: function (data) {
       refreshGrid();
  }

 function refreshGrid() {
   $(".t-grid .t-refresh").trigger('click');
}

Community · Accepted Answer · 2020-06-20 09:12:55Z

4

to reload the grid use this after success ajax call

var optionsGrid = $("#favorite-grid"); //you grid ID

optionsGrid.data('tGrid').ajaxRequest();

enjoy

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Apr 16, 2013 at 10:22

Ricardo Vieira

7407 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Atanas Korchev · Accepted Answer · 2011-10-25 07:18:53Z

0

You need to troubleshoot first why the success callback is not invoked. Perhaps there is an error. You can try handling the error of $.ajax to see what the response is. You can also use some HTTP sniffing tool (WebKit's developer tools, FireBug or Fiddler) to inspect what the server response is.

When you sort out the success handler not being invoked you can use the ajaxRequest method of the grid to refresh it.

answered Oct 25, 2011 at 7:18

Atanas Korchev

30.6k8 gold badges62 silver badges94 bronze badges

1 Comment

HaBo Over a year ago

I could fix my problem. please check the solution i have updated on top

HaBo · Accepted Answer · 2011-12-21 15:12:26Z

0

function refreshGrid() {
        $(".t-grid .t-refresh").trigger('click');
   }

This worked or me

answered Dec 21, 2011 at 15:12

HaBo

14.4k39 gold badges120 silver badges217 bronze badges

Comments

adyusuf · Accepted Answer · 2011-12-29 09:32:20Z

0

In this way

   function refreshGrid() {
        $(".t-grid .t-refresh").trigger('click');
   }

it would refresh all of your grids on your page, if you have more than one grid. Even the detail grids will be refreshed.

To prevent this you can use the Id of your grid

@(Html.Telerik().Grid(Model)
    .Name("myGrid")
    .Columns(columns =>
    {
        columns.Bound(o => o.OrderID).Width(100);
        columns.Bound(o => o.ContactName).Width(200);
        columns.Bound(o => o.ShipAddress);
        columns.Bound(o => o.OrderDate).Format("{0:MM/dd/yyyy}").Width(120);
    })
..........
..........
..........
)

   function refreshGrid() {
        $("myGrid .t-grid .t-refresh").trigger('click');
   }

answered Dec 29, 2011 at 9:32

adyusuf

8251 gold badge11 silver badges28 bronze badges

3 Comments

HaBo Over a year ago

that's true, in my case i am having only one grid in a page and I use this refreshGrid() as a generalized function to call it when ever i need to refresh.

adyusuf Over a year ago

In this case you can pass a parameter function refreshGrid(myGrid) { $("#" + myGrid + " .t-grid .t-refresh").trigger('click'); }

HaBo Over a year ago

Good. definitely Much Better way

Md. Nazrul Islam · Accepted Answer · 2013-02-16 09:58:46Z

0

For Server Bindings Telerik Grid Just need to do the following Thing..... Just use and cheers

After any event you can call this

 var href = $('.t-refresh').attr('href');
 window.location.href = href;

answered Feb 16, 2013 at 9:58

Md. Nazrul Islam

3,0271 gold badge30 silver badges32 bronze badges

Collectives™ on Stack Overflow

Refresh Telerik MVC Grid with Ajax Call, after Success call a Function?

5 Answers 5

Comments

1 Comment

Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related