ansaurus

Question

Multiple updatepanels on page remove JavaScript Datepicker calender from textbox

Answer 1

A:

Are you changing the INNERHTML of the DIV or TABLE in which the TextBox is present because if you are then its removing the calender control after that DIV or TABLE is being updated.

KhanZeeshan 2010-10-06 06:32:15

no .... in these panels I actually saving values in DataTables and this I save them in viewState .... no change in HTML.

Azhar 2010-10-06 07:01:20

then you have to rebind the calender control after every ajax request like y34h suggested. To Re-Bind the Calender; Sys.Application.add_init(function() { $create(AjaxControlToolkit.CalendarBehavior, {"button":$get("<%=PopupButtonID%>"),"cssClass":"cal_Theme1","format":"MM/dd/yyyy","id":"<%=CalenderEntenderID%>","popupPosition":1}, null, null, $get("<%=TargerControlId%>"));});

KhanZeeshan 2010-10-06 13:21:53

Answer 2

A:

whatever method you are using to attach the datepicker, you must call again after the updatepanel updates

you can do it on server side with this:

// at some point of the method that updates the panel
ScriptManager.RegisterStartupScript(
    this, typeof(object), "someUniqueKey", "theScript();", true);

or on client side with this:

// <body onload='...'> or in the <head>
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(
    function () { theScript() });

y34h 2010-10-06 07:01:44

Answer 3

+1 A:

I guess the datepicker and its textbox both are placed in an updatepanel?

If you do an ajax-postback with UpdatePanels the server will send html back for all UpdatePanels on the page, and refresh all of their contents, so your datepicker will disappear.

If you set UpdateMode=Conditional on the UpdatePanels then only the UpdatePanels that caused the postback will update.

Another option is to recreate the datepicker with ScriptManager.RegisterStartupScript, but this possibly resets its value (depends on which datepicker it is).

Willem 2010-10-06 07:14:45

ok... but what if that updatepanel also postback or update on server next time same JavaScript problem will be there again

Azhar 2010-10-06 07:26:08

True, then you'll have to recreate the datepicker with javascript each time that panel updates, but how to do that exactly depends on the datepicker you use. I guess you run some code onload, try to also load that code on (ajax-)postback.

Willem 2010-10-06 08:07:01

ya I did that too but not work ...

Azhar 2010-10-06 13:14:28

ansaurus

tags:

views:

answers:

Multiple updatepanels on page remove JavaScript Datepicker calender from textbox

related questions