Microsoft JScript runtime error: Sys.ArgumentException: Value must not be null for Controls and Behaviors. Parameter name: element[Answered] RSS

3 replies

Last post Nov 10, 2010 09:29 PM by Jerry Weng - MSFT

‹ Previous Thread|Next Thread ›

Shortcuts

Related Links

Cedric Chinn...

Member

11 Points

39 Posts

Microsoft JScript runtime error: Sys.ArgumentException: Value must not be null for Controls and B...

Nov 07, 2010 11:41 PM|Cedric Chinnok|LINK

error:
Microsoft JScript runtime error: Sys.ArgumentException: Value must not be null for Controls and Behaviors. Parameter name: element

cause:
asp:CalendarExtender TargetControlID (asp:TextBox ID) contains unicode, for instance "TextBox１"

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm1.aspx.vb" Inherits="WebApplication1.WebForm1" %>


<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
		<asp:TextBox ID="TextBox１" runat="server"></asp:TextBox>
		<asp:CalendarExtender ID="CalendarExtender１" runat="server" TargetControlID="TextBox１" SelectedDate="11/7/2010">
		</asp:CalendarExtender>
    </div>
	<asp:toolkitscriptmanager ID="Toolkitscriptmanager1" runat="server"></asp:toolkitscriptmanager>
    </form>
</body>
</html>

workaround:
change asp:CalendarExtender TargetControlID (asp:TextBox ID) to entirely ascii, for instance "TextBox1"

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm1.aspx.vb" Inherits="WebApplication1.WebForm1" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
	<title></title>
</head>
<body>
	<form id="form1" runat="server">
	<div>
		<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
		<asp:CalendarExtender ID="CalendarExtender１" runat="server" TargetControlID="TextBox1" SelectedDate="11/7/2010">
		</asp:CalendarExtender>
	</div>
	<asp:toolkitscriptmanager ID="Toolkitscriptmanager1" runat="server"></asp:toolkitscriptmanager>
	</form>
</body>
</html>

Don't know whether it's a bug or me only, so would appreciate if someone could run it and confirm. Thanks in advance!

- Reply
Jerry Weng -...
All-Star

22811 Points

3441 Posts

Re: Microsoft JScript runtime error: Sys.ArgumentException: Value must not be null for Controls a...

Nov 09, 2010 09:43 PM|Jerry Weng - MSFT|LINK

Hi,

This is a real problem in AjaxControlToolkit v3.5 and v4.0. But it works fine for AjaxControlToolkit v3.0.

This is because of the $get() function. The parameter will send to validate rather than send to the document.getElementById() directly. And I don't think it is a big problem, actually, we all suggest to use standard characters to name the controls.

Cedric Chinn...

Member

11 Points

39 Posts

Re: Microsoft JScript runtime error: Sys.ArgumentException: Value must not be null for Controls a...

Nov 10, 2010 06:25 AM|Cedric Chinnok|LINK

@Jerry Weng - MSFT

I found a similar case, where you provided a workaround for the TextBoxWatermarkExtender.
http://forums.asp.net/p/1619942/4159901.aspx

Following your codes, I've made similar ones for the CalendarExtender, but can't get them to work.
- On page load, the SelectedDate doesn't show up in the TextBox.
- Clicking on the TextBox pops the calendar, but any date selected there still doesn't go into the TextBox.
- After closing the page, I get this error...
Microsoft JScript runtime error: Sys.ArgumentUndefinedException: Value cannot be undefined.
Parameter name: array

My client script must be wrong. Please help. Thanks!

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm1.aspx.vb" Inherits="WebApplication1.WebForm1" %>


<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
	<title></title>
</head>
<body>
	<form id="form1" runat="server">
		<asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>
		<asp:toolkitscriptmanager ID="Toolkitscriptmanager1" runat="server"></asp:toolkitscriptmanager>
	</form>
</body>
</html>

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs)

	' original TextBox ID containing unicode
	Dim textbox As New TextBox
	textbox.ID = "TextBox１"
	textbox.Text = ""

	' add a hidden TextBox with a correct ID
	Dim hiddentextbox As New TextBox
	hiddentextbox.ID = "hidden"
	hiddentextbox.Style.Add(HtmlTextWriterStyle.Display, "none")
	Page.Form.Controls.Add(hiddentextbox)

	' set the targetcontrolid as the hidden textbox
	Dim calendarextender As New AjaxControlToolkit.CalendarExtender
	calendarextender.ID = "CalendarExtender１"
	calendarextender.TargetControlID = hiddentextbox.UniqueID
	calendarextender.SelectedDate = Today

	' add these controls
	PlaceHolder1.Controls.Add(textbox)
	PlaceHolder1.Controls.Add(calendarextender)
	
	' add a client script to fix the bug.
	ScriptManager.RegisterStartupScript(Me, Me.GetType, "fixbug", "Sys.Application.add_load(function(){var a=$find('" & calendarextender.UniqueID & "');a._element=document.getElementById('" & textbox.UniqueID & "');a.initialize();});", True)

End Sub

Jerry Weng -...

All-Star

22811 Points

3441 Posts

Re: Microsoft JScript runtime error: Sys.ArgumentException: Value must not be null for Controls a...

Nov 10, 2010 09:29 PM|Jerry Weng - MSFT|LINK

Hi,

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load


        ' original TextBox ID containing unicode
        Dim textbox As New TextBox
        textbox.ID = "TextBox１"
        textbox.Text = ""


        ' add a hidden TextBox with a correct ID
        Dim hiddentextbox As New TextBox
        hiddentextbox.ID = "hidden"
        hiddentextbox.Style.Add(HtmlTextWriterStyle.Display, "none")
        Page.Form.Controls.Add(hiddentextbox)


        ' set the targetcontrolid as the hidden textbox
        Dim calendarextender As New AjaxControlToolkit.CalendarExtender
        calendarextender.ID = "FakeCE"
        calendarextender.TargetControlID = hiddentextbox.UniqueID
        calendarextender.SelectedDate = Today


        ' add these controls
        PlaceHolder1.Controls.Add(textbox)
        PlaceHolder1.Controls.Add(calendarextender)


        ' add a client script to fix the bug.
        ScriptManager.RegisterStartupScript(Me, Me.GetType, "fixbug", _
        "Sys.Application.add_load(function(){$create(Sys.Extended.UI.CalendarBehavior, {'id':'CalendarExtender１','selectedDate':(new Date()).toString()}, null, null, document.getElementById('" + textbox.ClientID + "'));});", True)


    End Sub

‹ Previous Thread|Next Thread ›