我正在使用 asp:Repeater 创建表单,中继器的每个对象都有一个文本框,需要将它自己的唯一引导日期选择器链接到它。(日期选择器是 twitter-bootstrap 2.3.2 的 javascript 插件,可在此处找到:http ://www.eyecon.ro/bootstrap-datepicker -- 想要添加链接是安全的,但实际上不需要查看关于问题的页面)
我的问题是我无法使用 asp.net clientid 来正确定位文本框。
asp代码:
<asp:Repeater ID="repList" runat="server">
<HeaderTemplate>
<ul class="gridul">
<li class="gridli userrole"><span class="short liheader">Jenz ID</span></li>
<li class="gridli"><span class="long liheader">Name</span></li>
<li class="gridli"><span class="short liheader">S/S/F</span></li>
<li class="gridli"><span class="short liheader">Date</span></li>
<li class="gridli"><span class="long liheader">Payment Type</span></li>
<li class="gridli"><span class="mid liheader">Sent to B.O.</span></li>
</ul>
</HeaderTemplate>
<ItemTemplate>
<ul class="gridul">
<li class="gridli userrole"><span class="short"><%# Eval("jenzabar_id") %></span></li>
<li class="gridli"><span class="long"><%# Eval("first_name") %> <%# Eval("last_name") %></span></li>
<li class="gridli"><span class="short"><%# Eval("student_staff_faculty") %></span></li>
<li class="gridli"><span class="short"><%# Eval("reservation_date") %></span></li>
<li class="gridli"><span class="long"><asp:TextBox ID="PayType" runat="server" Text='<%# Eval("payment_type") %>' /></span></li>
<li class="gridli"><span class="mid"><asp:TextBox ID="SentBo" runat="server" Text='<%# Eval("sent_to_bo") %>' /></span></li>
</ul>
<asp:HiddenField ID="hidJenz" runat="server" Value='<%# Eval("jenzabar_id") %>' />
<asp:HiddenField ID="hidPayType" runat="server" Value='<%# Eval("payment_type") %>' />
<asp:HiddenField ID="hidSentBo" runat="server" Value='<%# Eval("sent_to_bo") %>' />
</ItemTemplate>
</asp:Repeater>
目标文本框是:
<asp:TextBox ID="SentBo" runat="server" Text='<%# Eval("sent_to_bo") %>' />
在我的 scripts.js 中,我可以通过查看 aspx 源并复制生成的 id(例如“ctl00_MainContent_repList_ctl01_SentBo”)来定位单个文本框,但我无法弄清楚如何将 <%# SentBo.ClientID %> 与中继器一起使用。它只是行不通。
例子:
$(function () {
$('ctl00_MainContent_repList_ctl01_SentBo').datepicker();
})
是成功的
$(function () {
$('<%#= SentBo.ClientID %>').datepicker();
})
不是