javascript not firing when asp.net user control loads

Question

I am trying to fire a Javascript call when an ASP.net user control to an aspx page.
The Web site allows users to add user controls to a page (similar to adding a widget etc to a page like google widgets). But when the control is added the javascript does not fire, only if the page is refreshed will it fire the javascript. IF the next time the website is accessd and the controlis still there the javascript fires too.

Do I need to use the RegisterClientScript method to register the call (setAutoTimer()) on the control load or OnPreRender event.

In the User control I have this at the start of the ascx file:

<script language="javascript" type="text/javascript">
    $(document).ready(function () {
        if ($("#alarmList").length) {
            setAutoTimer();
            getData();
       }
    });

    function setAutoTimer() {
        setInterval(getData, 10000);
    }

    function getData() {
        $.ajax({
            type: "POST",
            url: "Service.asmx/getListData
            data: "{'inverterid': '" + "1'}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (msg) {
                AjaxSucceeded(msg);
            },
            error: AjaxFailed
        });
    }

    function AjaxSucceeded(result) {
        $("#alarmList").empty();

        $("#alarmsListTemplate").tmpl(result.d)
        .appendTo("#alarmList");
    }

    function AjaxFailed(result) {
        alert(result.status + ' ' + result.statusText);
    }
</script>

bleeeah · Accepted Answer · 2011-03-16 16:04:17Z

4

$(document).ready(function () {}); will only run after a full postback occurs (when the DOM is reloaded). I assume you are adding the controls via another AJAX method (in that case document.ready will not fire. You can use the AJAX framework event pageLoad(sender, args) which will fire after both a callback and postback. You can use it like so ..

function pageLoad(sender, args) {
        if (args.get_isPartialLoad()) {
            setAutoTimer();
            getData();
        }
    }

answered Mar 16, 2011 at 16:04

bleeeah

3,60422 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Jawahar Over a year ago

Thanks for the tip; I think this has helped.

TrustedInSci Over a year ago

This worked great for me, but I wanted the javascript to work both before and after the callback, so I removed the 'if (args.get_isPartialLoad())' and it worked like a charm. Thanks, @bleeeah !

Ryan Kohn · Accepted Answer · 2011-03-16 16:08:56Z

0

You can call the method from the javascript that adds the widget to the page.

e.g.

function AjaxSucceeded(result) {
    $("#alarmList").empty();

    $("#alarmsListTemplate").tmpl(result.d)
    .appendTo("#alarmList");

    setAutoTimer();
}

answered Mar 16, 2011 at 16:08

Ryan Kohn

13.6k14 gold badges60 silver badges81 bronze badges

Collectives™ on Stack Overflow

javascript not firing when asp.net user control loads

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related