How to create javascript amcharts inside an updatepanel on partial page postback

Question

0.00/5 (No votes)

See more:

I have a webform on which i created javascript Amcharts using Amready method and bind to the form using divs. i have also an updatepanel inside which divs are placed for which Javascriprt amcharts are created. I have also a button inside updatepanel clicking which will do the partial page postback. The problem is when the page is partially postback the javascript script is not executed which doesnot allow the divs to bind the chart. The charts become invisible. My question is how to make charts bind after the partial page postback.

What I have tried:

I created an update panel and placed the chart divs and a button inside the update panel. In the scriptmanager i added the script reference of AMCharts. I tried to call the function AMready inside update panel using Sys.Application.Initialize() and Sys.Application.add_load(DrawAMchart); but nothing is working. I also tried to call the DrawAMChart() using ScriptManager.RegisterStartupScript() method but could not able to get the chart after partial page postback.

Posted 12-Apr-16 20:47pm

hinaiqbal

Updated 12-Apr-16 22:37pm

Add a Solution

Comments

F-ES Sitecore 13-Apr-16 4:43am

These problems are usually because you haven't taken into account that anything inside your update panel is destroyed and re-created so any events etc you have attached pre-postback are gone after and need re-attached. You'll need to post the relevant code for anyone to give specific advice.

http://forums.asp.net/t/1982846.aspx?How+to+run+javascript+after+updatepanel+execution+completed

hinaiqbal 13-Apr-16 5:44am

I have visited this link earlier and i could not understand how to get the divs id. also although there is a button but page is not posted back. but in my case page is posted back and charts have to bind with the divs

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

mohittt · Answer 1 · 2016-04-12T22:37:00

Solution 1

Don't use the update panel if possible.Go directly with the jquery.And call the webMethod

Posted 12-Apr-16 22:37pm

mohittt

Comments

hinaiqbal 13-Apr-16 5:22am

update panel is necessary thats why asking... if only the divs for creating charts are placed outside updatepanel its working also on the partial post back but my question is to place divs inside updatepanel and on partial postback reload the Javascript AMcharts