CalendarExtender firing onchange unexpectedly

Question

0.00/5 (No votes)

See more:

I got my code working, but can someone please explain why this is a problem? I had a CalendarExtender attached to a textbox in a column of a GridView that is inside an UpdatePanel (don't know if any of that matters beyond the CalendarExtender). When a dropdownlist on the page is changed, I build a data table and bind the GridView. On the RowDataBound event, I add some handlers to the controls in each row--the one that mattered was the onchange event for the linked textbox. The functionality was mostly fine, but I found that I was getting a series of postbacks after binding the grid that, while not causing any real problems, were not handled well. Turns out it was the onchange event that was firing, once for each row of the freshly-loaded grid, and it was firing as a new request, not a postback. The solution, for some reason I don't know, was to add the Format attribute of the CalendarExtender control. Any guidance on why this happened?

Relevant markup (with the fix):

ASP.NET

<ItemTemplate>
    <asp:Textbox Width="92%" ID="txtSubCompleteDt" runat="server" Text='<%# Eval("Subtask_Complete_Dt") %>'></asp:Textbox>
    <asp:CalendarExtender ID="dtpSubtaskComplete" runat="server" TargetControlID="txtSubCompleteDt" Format="MM/dd/yyyy" ></asp:CalendarExtender>
</ItemTemplate>

Relevant code behind:

VB

Dim eventHandler As String = String.Format("ajaxPostbackTrigger('{0}:{1}:{{0}}');", EVENT_KEY, e.Row.RowIndex)
Dim txtControl As TextBox = e.Row.Cells(GridCols.SubtaskCompleteDt).Controls(1)
strFnCall = String.Format(eventHandler, Convert.ToInt32(GridCols.SubtaskCompleteDt))
txtControl.Attributes.Add("onchange", "if (!validateDateString(this)) {return false;} else {onkeyupEnable();" & strFnCall & "}")
txtControl.Attributes.Add("onblur", "if (!validateDateString(this)) {this.value = ''; this.focus();}")

Posted 23-Jul-13 10:20am

woopsydoozy

Updated 24-Jul-13 2:54am

v3

Add a Solution

Comments

[no name] 24-Jul-13 6:16am

check you may enable autopostback in your textbox

VishwaKL 24-Jul-13 8:12am

check the events you may registered manually or else check the auto post back property of the control. if you made it true, make is false or remove that

woopsydoozy 24-Jul-13 8:56am

Thanks to you both--I updated to show some code. No autopostback, and no registered events that I don't want to happen. I just don't expect the onchange to happen immediately when the grid is bound.

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)

woopsydoozy · Accepted Answer · 2013-09-27T09:53:00

Turns out that adding the Format attribute to the CalendarExtender only solved the problem for one set of load events. I had a separate textbox-CalendarExtender pair, and when that changed, I automatically propagated the value to every textbox-calendarExtender pair in the grid; when that DataBind occurred, the same error resurfaced. I was unable to reproduce in a bare-bones project, but I found I'm not the only one to experience the problem--see this: http://forums.asp.net/t/1679414.aspx[^]

Some observations:
1) removing the CalendarExtender prevents the error, but removes functionality
2) adding an alert in the onchange before it posts back to the server for some reason clears up the issue of the unwanted postbacks being disconnected from the main thread, but they still occur
3) the poster in the link above claims a different format (yyyy/MM/dd) also helps--I did not try this

What I finally did was to follow the link above, reworking my functionality so that instead of existing in the Textbox's onchange event, it exists in the CalendarExtender's OnClientDateSelectionChanged. Many annoying little refactors later, it runs without error.

Markup:

ASP.NET

<itemtemplate>
   <asp:textbox width="92%" id="txtSubCompleteDt" runat="server" xmlns:asp="#unknown"></asp:textbox>
   <asp:calendarextender id="dtpSubtaskComplete" runat="server" targetcontrolid="txtSubCompleteDt" format="MM/dd/yyyy" onclientdateselectionchanged="dateSelectionChanged" xmlns:asp="#unknown"></asp:calendarextender>
</itemtemplate>

and script:

JavaScript

//date change event handler for grid's calendarExtender
function dateSelectionChanged(sender) {
    var selectedDate = sender.get_selectedDate().localeFormat(sender.get_format());
    if (!validateDateString2(selectedDate)) {
        return false;
    }
    else {
        onkeyupEnable();
        ajaxPostbackTrigger('gridchg:' + (sender._element.parentElement.parentElement.rowIndex - 1) + ':3:' + selectedDate);
    }
}

Code behind:

VB

Dim txtControl As TextBox = e.Row.Cells(GridCols.SubtaskCompleteDt).Controls(1)
txtControl.Attributes.Add("onblur", "if (!validateDateString(this)) {this.value = ''; this.focus();}")