[Solved] Server Binding with Ajax Calls

[madmike210]

I am currently server binding my grid.  Does anyone know how can I use ajax calls when paging or sorting?

What I am trying to do is make ajax calls to the server to update the grid's div in with the new response results from the server.  I would like to prevent the entire page from refreshing when the user is interacting with the grid.

I don't want to use Ajax binding because I need to uses complex templates for my columns, so what I am doing doesn't work in ClientTemplates.

[madmike210]

I achieved what I wanted using jQuery to override the paging and sorting anchors.  These anchors have a class name of "t-link".  You can reference the anchors in your Grid by using the id of the Div that is holding the Grid.  I did this with jQuery by inserting the following code into the partial view that creates my Grid, where "GridResults" is the id of the div with my telerik grid:

<script type="text/javascript">
    $(document).ready(function () {
        $("div#GridResults a.t-link").click(function (e) {
            e.preventDefault();
            $("div#GridResults").css("cursor", "wait");
            $("div#GridResults a.t-link").css("cursor", "wait");
            var dest = $(this).attr("href");
            $.ajax({ url: dest,
                success: function (result) { $("#GridResults").html(result); },
                complete: function () {$("div#GridResults").css("cursor", "default"); $("div#GridResults a.t-link").css("cursor", "pointer");
                }
            });
        });
    });
</script>

If there is an easier way of doing this using telerik, please let me know.