update panel issue helper .js file

[oompah]

if you use the literal method (to render the graphs/charts in a literal) and you are facing the issue of having the chart not render after a postback inside of an ajax update panel you can include this javascript file and it will re-create the content properly for you

 

ASSUMING YOU WRAP THE LITERAL IN A DIV OF THIS FORMAT : <div id="fusiondiv" class="fusiondiv">

 

 

there is a version out there that doesn't work named : updatepanelhook.fusioncharts.js  - replace it with this

 

// Hook up Application event handlers.
var app = Sys.Application.add_init(__fc__AJAX_ApplicationInit);

// Application event handlers for component developers.
function __fc__AJAX_ApplicationInit(sender) {

    var prm = Sys.WebForms.PageRequestManager.getInstance();
    if (!prm.get_isInAsyncPostBack()) {
        prm.add_pageLoaded(__fc__AJAX_PageLoaded);
    }
}

function __fc__AJAX_PageLoaded(sender, args) {
    if (args._panelsUpdated.length != 0) {
        for (i = 0; i < args._panelsUpdated.length; i++) {
                var updatedNode = args._panelsUpdated.getElementsByClassName('fusiondiv')[0];
                if (updatedNode) {
                    $('#fusiondiv').html(updatedNode.innerHTML);
                }         

         }
    }
}

 

[soumya]

Hi,

Please check the sample from below given Dropbox link

https://www.dropbox.com/s/5w2483xh5zqfuf5/Demo UpdatePanel refresh.zip?dl=0

[soumya]

Hi,

Please check the sample from the below given Dropbox link

https://www.dropbox.com/s/5w2483xh5zqfuf5/Demo UpdatePanel refresh.zip?dl=0