JavaScript运行时错误:Control ClientID未定义

时间:2016-01-07 13:36:47

标签: javascript asp.net

我有一个.ascx ComboBoxControl定义如下。让我们称之为 Control1

<%@ Control Language="C#" AutoEventWireup="true"
    Inherits="ComboBoxControl" Codebehind="ComboBoxControl.ascx.cs" %>
<table border="0" cellpadding="0" cellspacing="0" style="border: 0px solid red">
    <tr>
        <td style="width: 60px; vertical-align: top">
            <asp:TextBox ID="txtSelectedMLValues" class="dropdownbox" runat="server" ReadOnly="true" Style="width: 60px;" EnableViewState="true" Font-Size="11px" />
        </td>
        <td style="width:14px;" class="imgalign" align="left">
            <img alt="" id="imgShowHide" runat="server" src="~/Images/drop.gif" height="20" />
        </td>
    </tr>
    <tr>
        <td class="DropDownLook"  style="vertical-align: top" colspan="2">
            <div style="vertical-align: top;">
                <div id="divCheckBoxListClose" runat="server" class="DivClose" style="font-weight:700;color:Black; font-size:11;padding-left:6px;">
                    <label id="lblClose" runat="server" class="LabelClose Green" >
                        Click Here To Close <span class="closecross" style="vertical-align:text-bottom; margin-bottom:-1px; " >X</span></label>
                </div>
                <div id="divCheckBoxList" runat="server" class="DivCheckBoxList">                    
                <div>
                    <asp:CheckBox ID="chkAll" runat="server" CssClass="CheckBoxList leftPaddingforcombo" Text="ALL" ToolTip="ALL"/>
                    </div>
                   <asp:CheckBoxList ID="chkMultipleValues"  runat="server" CssClass="CheckBoxList" 
                        Width="500px"  >
                    </asp:CheckBoxList>
                </div>
            </div>
        </td>
    </tr>
</table>

在.cs文件后面的控件代码中,我有下面的代码来设置ComboBoxControl的onClick事件。

 protected void Page_Load(object sender, EventArgs e)
{
       if (!IsPostBack)
        {
            txtSelectedMLValues.Attributes.Add("onclick", "ShowMList(" + divCheckBoxList.ClientID + "," + divCheckBoxListClose.ClientID + ")");
            chkMultipleValues.Attributes.Add("onblur", "HideMList(" + divCheckBoxList.ClientID + "," + divCheckBoxListClose.ClientID + ")");
            chkMultipleValues.Attributes.Add("onclick", "FindSelectedItems(this," + txtSelectedMLValues.ClientID + "," + chkAll.ClientID + ");");         
        }
}

我在另一个.ascx控件中使用上面的ComboBoxControl( Control1 )(让我们称之为 Control2 ),如下所示。

<td width="15px" style="text-align: left;display: inline-block;">
 <uc2:ComboBoxControl ID="ComboBoxControlNames" runat="server" />
</td>

我遇到的问题是当我在ComboBoxControl中选中一个复选框时,我收到以下错误&#34; ctl00_ContentPlaceHolderMain_ctl00_ComboBoxControlNames_txtSelectedMLValues&#39;未定义 &#34;

请注意&#34; ContentPlaceHolderMain&#34;是我的MasterPage中的asp:ContentPlaceHolder。

当我查看页面源时,ClientID&#34; ctl00_ContentPlaceHolderMain_ctl00_ComboBoxControlNames_txtSelectedMLValues &#34;是的,但IE 11正在抛出一个未定义的错误。

在Chrome中,错误不会出现。我正在努力解决如何在IE 11中阻止该错误。

1 个答案:

答案 0 :(得分:1)

代码将呈现为

<input onclick="ShowMList( theOneId, theOtherId)" />

正如您所看到的,它们将被视为变量而非字符串。你需要用引号将它们包起来。

txtSelectedMLValues.Attributes.Add("onclick", "ShowMList('" + divCheckBoxList.ClientID + "','" + divCheckBoxListClose.ClientID + "')");

现在为其他人做这件事