Auto-refresh a grid

[Covertix]

I want to refresh my grid from client-side every 1 minute.
I use RadAjaxManager and I set my grid as "AjaxUpdatedControl".

I created a function:

    function AutoRefreshPage() {<br>        RebindTasksGrid();<br>        autoRefreshTimer = setTimeout("AutoRefreshPage()", 60000);<br>    }

which calls "RebindTasksGrid":

    function RebindTasksGrid() {<br>        var masterTable = $find("<%= rgDeployTasks.ClientID %>").get_masterTableView();<br>        masterTable.rebind();<br>    }

And I start it first on "pageLoad" function:

    function pageLoad() {<br>        AutoRefreshPage();<br>    }

The problem is that the "masterTable.rebind()" fires the "pageLoad" function over and over again and I got stuck on an infinite loop.

How can I auto-refresh a grid without loading the whole page again?

[Maria Ilieva]

Hello Tzach,

The best approach for this scenario is to conditionally registrar the "AutoRefreshPage()" function initially on the server PageLoad instead on the client, like this:

protected void Page_Load(object sender, EventArgs e)
   {
       if (!Page.IsPostBack)

       {
           ScriptManager.RegisterStartupScript(this.Page, this.Page.GetType(), "mykey", AutoRefreshPage(), true);
       }
   }

Regards,
Maria Ilieva
Telerik

 

 

[Covertix]

Hi Maria and Thanks!
I tried your approach, but the "AutoRefreshPage()" function is never called.

[Covertix]

Is there any other idea please?

[Maria Ilieva]

Hello Tzach,

I want to apologize as in my last post I have made a small mistake that probably is causing the function to not execute. The function name should be passed as a string like this:

protected void Page_Load(object sender, EventArgs e)
   {
       if (!Page.IsPostBack)
       {
           ScriptManager.RegisterStartupScript(this.Page, this.Page.GetType(), "mykey", "AutoRefreshPage()", true);
       }
   }

Give this a try and see if it works for you.

Regards,
Maria Ilieva
Telerik

 

 

[Covertix]

Hi Maria,

This is not the problem, I passed it as a string (it is not compiling otherwise)..
But for some reason, it is not fired.


This is my code:

server side:
    protected void Page_Load(object sender, EventArgs e)
    {
        
        if (!IsPostBack)
        {
            ScriptManager.RegisterStartupScript(this.Page, this.Page.GetType(), "mykey", "AutoRefreshPage()", true);
            //ScriptManager.RegisterStartupScript(this.Page, this.Page.GetType(), "mykey", "AutoRefreshPage()", true);
        }
    }


Client-side:
    function pageLoad() {
        alert("load");
    }

    function AutoRefreshPage() {
        alert("AutoRefreshPage");
        RebindTasksGrid();
        autoRefreshTimer = setTimeout("AutoRefreshPage()", 60000);
    }


I get only the "load" alert.

 

[Covertix]

I found a solution in here:
http://demos.telerik.com/aspnet-ajax/ajax/examples/common/ajaxifytimer/defaultcs.aspx

[Mike]

I am using the AjaxifyTimer demo.  We have a TextBox as a TemplateColumn in the Grid and on the TextChanged event, it is saving the Textbox value to database.

 

Problem is when the database value is modified, the TextChanged event is firing and saving the old value to the database.