c# - 错误 : 'this._targetEl.value.length' is null or not an object ASP. 网络

Question

我正在尝试将所选值从日期选择器绑定(bind)到 asp 文本框，但出现此错误:'this._targetEl.value.length' 为空或不是对象。

代码如下:

<InsertItemTemplate>
    Book Title:
    <asp:DropDownList ID="DropDownList1" runat="server" 
        DataSourceID="booktitleDataSource" DataTextField="booktitle" 
        DataValueField="bookid" SelectedValue='<%# Bind("bookid", "{0}") %>'>
    </asp:DropDownList>
    <asp:SqlDataSource ID="booktitleDataSource" runat="server" 
        ConnectionString="<%$ ConnectionStrings:LibrarySystemConnectionString %>" 
        SelectCommand="SELECT [bookid], [booktitle] FROM [TblBooks]">
    </asp:SqlDataSource>
    <br />

    Employee PIN:
    <asp:TextBox ID="employeeidTextBox" runat="server" 
        Text='<%# Bind("employeeid") %>' />
    <br />

    Department:
    <asp:TextBox ID="departmentTextBox" runat="server" 
        Text='<%# Bind("department") %>' />
    <br />

    Date borrowed:
    <asp:TextBox ID="dateborrowedTextBox" runat="server" Text='<%# Bind("dateborrowed") %>' /> 
<%--<input type="text" name="dateborrowedTextBox" readonly="readonly" id="dateborrowedTextBox">--%> 
    <a href="#" onclick="cdp1.showCalendar(this, 'dateborrowedTextBox'); return false;">Date Picker</a>       
    <br />

    <asp:Button ID="InsertButton" runat="server" CausesValidation="True" 
        CommandName="Insert" Text="Insert" />
    <asp:Button ID="InsertCancelButton" runat="server" CausesValidation="False" 
        CommandName="Cancel" Text="Cancel" />
</InsertItemTemplate>

它在我工作的时候尝试使用 <input type="text" name="dateborrowed" readonly="readonly" id="dateborrowedTextBox">但是当我尝试使用 asp:TextBox 时，我无法将所选值从日期选择器传递到文本框。那么我哪里出错了？有没有办法对日期选择器链接进行编程以调用弹出日历？ (顺便说一句，它在 Java 中)

帮助将不胜感激!提前致谢。

Answer 1

嵌套控件的 ID/名称属性在呈现时会被绝对唯一的 ID/名称覆盖。当您的 javascript 尝试引用 TextBox 时，其名称实际上不会是“dateborrowedTextBox”，而是类似“...$ctl00$dateborrowedTextBox”的名称。

如果您的 javascript 通过名称查找控件，这可能会解决问题:

<a href="#" onclick="cdp1.showCalendar(this, '<%#Container.FindControl("dateborrowedTextBox").UniqueID%>'); return false;">Date Picker</a>

否则，如果它通过 id 找到控件，请尝试此操作:

  <a href="#" onclick="cdp1.showCalendar(this, '<%#Container.FindControl("dateborrowedTextBox").ClientID%>'); return false;">Date Picker</a>