Chart is Disappearing in UI for ASP.NET AJAX Chart (HTML5)

siva sankar

26 posts

Member since:
Mar 2011

Posted 27 Sep 2012 Link to this post

Hai..

Iam using radhtml chart when i select rad combo box value, page is postbacking when page is postback HTML Chart is diaappearing(that means Empty space is showing) even i set Enable viewstate= true, still i have the problem. iam using radajax loading panel in the masterpage.

thanks
siva sankar

Marin Bratanov

Admin

4655 posts

Posted 28 Sep 2012 Link to this post

Hi Siva,

This behavior is rather strange. Can you confirm you do not have some code that clears the series, for example? If this is a full postback can you confirm you recreate the chart items/ series at each postback and not only at the first?

If this is not the case I advise that you open a support ticket and send us a simple, runnable project that shows the problem so we can investigate it.

Greetings,
Marin Bratanov
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.

siva sankar

26 posts

Member since:
Mar 2011

Posted 29 Sep 2012 Link to this post

thank you for quick responding..

but this problem is araiseing when chart is with in loading panel, when i removed radajax loading panel in the masterpage its work fine & when debuging in IE(internet explorer) it was showing an error i.e " Out of stack space" in the script. iam attaching an image where it showing an error.

thanks
siva sankar

Capture.PNG

Marin Bratanov

Admin

4655 posts

Posted 01 Oct 2012 Link to this post

Hi Siva,

I have seen this error when the RadHtmlChart is inside updated with AJAX (inside an update panel or RadAjaxPanel, or a setting in the RadAjaxManager), that is itself inside a RadPane inside a RadSplitter. We are aware of this scenario and it is logged for research. In the meantime there are several ways to get around it:

1) avoid using AJAX in this case if possible
OR
2) update the entire RadSplitter instead of only parts of the pane if suitable
OR
3) add the following override at the end of the form with the splitter, but test it carefully as it may break something else:
Telerik.Web.UI.repaintchildren = function ()
{
}

Regards,
Marin Bratanov
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.

Rob

27 posts

Member since:
Oct 2012

Posted 03 Oct 2012 Link to this post

I'm seeing the same issue.

I have a RadAjaxPanel around a RadDockLayout which contains 2 RadDockZones, each with numerous RadDocks. The Dock that contains a RadHTMLChart only throws the "RangeError: Maximum call stack exceeded" when in the 2nd RadDockZone. It's the partial postback.

I've tried specifying the Right RadDockZone as an initiator and updater as an AjaxSetting in the Manager Proxy. When I do, I do not get the RangeError, but the chart is not drawn. I do get an error from some client side javascript manipulation I'm doing to set the width of the chart but that's actually a step up.

It's clearly the Ajax as suggested and I really would love to find a good solution.

Marin Bratanov

Admin

4655 posts

Posted 04 Oct 2012 Link to this post

Hi Robert,

Thank you for the input. I have created a public PITS item where you can vote,comment and track this issue: http://www.telerik.com/support/pits.aspx#/public/aspnet-ajax/12844.

Regards,
Marin Bratanov
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.

Rob

27 posts

Member since:
Oct 2012

Posted 08 Oct 2012 Link to this post

Hi Marin,

I've temporarily removed the RadAjaxPanel around our docks to prevent the error. While this does remove the issue, the persisting postbacks make for a flashing screen that I want to solve sooner rather than later.

Can you tell me more about this suggestion:

3) add the following override at the end of the form with the splitter, but test it carefully as it may break something else:
Telerik.Web.UI.repaintchildren = function ()
{
}

I'm using a docklayout with zones and docks in two columns, not a splitter as the other individual was. Could I still override the script as such? Where would I place this script? I guess the "end of the form with the splitter" comment has me slightly confused.

Thanks.

Marin Bratanov

Admin

4655 posts

Posted 09 Oct 2012 Link to this post

Hi Robert,

The repaintChildren() is a common function some of our controls use. The idea behind overriding it like this is that it is the origin of the problem and avoiding the code execution avoids the error. Such an override should be placed just before the closing </form> tag of the page where the controls that need to be overriden reside. The RadSplitter can load an external page which is why I specified that this has to be the form that has the splitter itself.

Thus, you can try something like this:

. . . . .

<script type="text/javascript">

Telerik.Web.UI.repaintChildren = function ()

{

}

</script>

</form>

All the best,
Marin Bratanov
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.

Rob

27 posts

Member since:
Oct 2012

Posted 09 Oct 2012 Link to this post

Thanks Marin. I've found, however, that surrounding my RadDockLayout in an asp:UpdatePanel doesn't cause the error. It had been the RadAjaxPanel. I'm guessing there is a recursive redraw or load in there somewhere that caused the issue. I haven't seen any negative ramifications of using the UpdatePanel instead yet.

<asp:UpdatePanel runat="server" UpdateMode="Always">

<ContentTemplate>

<telerik:RadDockLayout ID="dockLayoutSupervisorHome" runat="server" .. >

<div>Docks and such</div>

</telerik:RadDockLayout>

</ContentTemplate>

</asp:UpdatePanel>

Marin Bratanov

Admin

4655 posts

Posted 10 Oct 2012 Link to this post

Hi Robert,

Thank you for the additional information. It will be taken into account in the investigation of the problem. I have also updated your Telerik points as a token of gratitude for your efforts.

Generally, the RadAjaxPanel is equivalent to an ASP:UpdatePanel with UpdateMode=Conditional. There shouldn't be a negative impact when switching to the standard ASP control, apart from losing richer functionality that we have added in the RadAjaxPanel. Part of this functionality is responsible for the repainting of RadControls inside.

Kind regards,
Marin Bratanov
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.

DuelingCats

54 posts

Member since:
Jul 2012

Posted 05 Nov 2012 Link to this post

I was having a similar problem until I used the ajax manager to prevent the entire page posting back. I added series data in a !Page.IsPostBack if condition in the Page_load. I thought that this data would persist after postback when Enable viewstate = true.

I have most of the elements in my page utilizing the ajax manager, but intended my save button to do a full postback. That is how I came across this problem until I added the save button to the ajax manager as well. Is this a bug or a misunderstanding on my part?

Marin Bratanov

Admin

4655 posts

Posted 06 Nov 2012 Link to this post

Hello,

When you create controls dynamically you have to recreate them with every postback. The control will persist the data only if you databind it. This is simply how ASP works. When you add AJAX to the equation and the dynamically created control is not included in the partial postback it may seem this is not necessary, but the server already does not have the dynamic control, it simply isn't updated on the client.

Regards,
Marin Bratanov
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.

Harry

6 posts

Member since:
Mar 2012

Posted 09 Dec 2013 Link to this post

Marin,

Was this issue ever resolved? I am having a similar issue.

Harry

Marin Bratanov

Admin

4655 posts

Posted 11 Dec 2013 Link to this post

Hi Harry,

Both issues should be resolved in the latest version (Q3 2013 SP1 at the time of writing):
- the original issues with repainting the chart when inside other RadControls after a partial postback: http://www.telerik.com/support/pits.aspx#/public/aspnet-ajax/12844.
- the datasource not being stored across postbacks: http://www.telerik.com/support/pits.aspx#/details/Issue=13367.

Regards,
Marin Bratanov
Telerik

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.