ASP.Net javascript rebind my script after postbock

Question

After reading this post, I understand that when you postback with updatepanel your javascript is not bound anymore.

The problem is that my javascript is on my file jscolor.js. The link between my asp page and the script is OK :

<script src="../../assets/js/jscolor.js"></script>

The classname of my textbox is "jscolor" regardin the demo on the website

<asp:TextBox Class="jscolor" ID="Couleur_1" runat="server"></asp:TextBox>

After a postback i need to re-bind my script, but I see a lot of demonstration with click function, but not with this situation.

For information, the jscolor start like this :

if (!window.jscolor) { window.jscolor = (function () { ...

Thanks in advance, J-E

score 0 · Accepted Answer · answered Oct 19 '16 at 14:08

0

You can call the function to rebind the color to the TextBoxes like this

        if (Page.IsPostBack)
        {
            ScriptManager.RegisterStartupScript(Page, Page.GetType(), "rebuildColor", "if (!window.jscolor) { window.jscolor = (function () {", true);
        }

Or create a function that contains the re-binding to make it easier to maintain. That function will be called by the ScriptManager.

ScriptManager.RegisterStartupScript(Page, Page.GetType(), "rebuildColor", "rebuildColor()", true);

And then in .aspx page

<script type="text/javascript">
    function rebuildColor() {
        if (!window.jscolor) { window.jscolor = (function () {...

        }
</script>

answered Oct 19 '16 at 14:08

VDWWD

35,079
22
62
79

thank you. Just a last basic question. How to proceed if my function is in another file. – Jean-Emmanuel Chapartegui Oct 19 '16 at 14:32
something like call window.jscolor – Jean-Emmanuel Chapartegui Oct 19 '16 at 14:32
Exactly the same as you would in normal html. As long as the javascript funcion can be called on the page then it should work. – VDWWD Oct 19 '16 at 14:35

ASP.Net javascript rebind my script after postbock

1 Answers1