如何将转发器项的id转换为jquery [英] how to get the id of repeater item into a jquery

查看:71
本文介绍了如何将转发器项的id转换为jquery的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如何将嵌套转发器中文本框的id转换为jquery。



这是jquery:

< script type =text / javascript> 
var e = jQuery.noConflict();
e(document).ready(function(){
e(#<%= datepicker.ClientID%>,#datepicker)。datepicker({
changeMonth:true,
changeYear:true
});
});
< / script>





< asp:Repeater runat =serverID = rpfollowup > 
< ItemTemplate>

//一些txtboxes
< asp:Repeater runat =serverID =rpactivityOnItemDataBound =rpactivity_ItemDataBound>
< ItemTemplate>

< tr>

< td> < asp:TextBox ID =Activitiesrunat =serverCssClass =span10Text ='<%#Eval(Activity)%>'>< / asp:TextBox>< / td> ;
< td> < asp:TextBox ID =datepickerrunat =serverCssClass =span10ClientIDMode =StaticText ='<%#Eval(Start_Date)%>'>< / asp:TextBox> ;< / TD>
< / ItemTemplate>< / asp:Repeater>
< / ItemTemplate>< / asp:Repeater>





i减少了代码以避免混淆。

解决方案

通过查看你的评论,

你可以为每个转发器日期选择器输入迭代jQuery,参考下面的代码:



 <   div  < span class =code-attribute>   class   =  wrapper >  
< asp:repeater runat = server id = rpfollowup xmlns:asp = #unknown >
...
您的ItemTemplate代码段
...
< / asp:repeater >
< / div >





我添加了div 包装器

到您的转发器。现在我将在包装器div内迭代以找到我们的datepicker输入控件,并逐个使用datepicker插件及其相关ID初始化它们。



 


。wrapper input [id


= datepicker])。each( function (索引){
// 您也可以直接在此处获取ID
var controlID =


how to get the id of a textbox within the nested repeater into a jquery.

Here is the jquery:

<script type="text/javascript">
        var e = jQuery.noConflict();
        e(document).ready(function () {
            e("#<%= datepicker.ClientID %>, #datepicker").datepicker({
                changeMonth: true,
                changeYear: true
            });
        });
    </script>



<asp:Repeater runat="server" ID="rpfollowup">
                <ItemTemplate>

//some txtboxes
 <asp:Repeater runat="server" ID="rpactivity" OnItemDataBound="rpactivity_ItemDataBound" >
                <ItemTemplate>

  <tr>
            
              <td > <asp:TextBox  ID="Activities" runat="server" CssClass="span10"   Text='<%#Eval("Activity")%>'></asp:TextBox></td>
            <td > <asp:TextBox  ID="datepicker" runat="server" CssClass="span10" ClientIDMode="Static"  Text='<%#Eval("Start_Date")%>'></asp:TextBox></td>
              </ItemTemplate></asp:Repeater>
 </ItemTemplate></asp:Repeater>



i have reduced the code to avoid confusion.

解决方案

By looking at your comment,
You can iterate through jQuery for each repeater date picker input, refer below code:

<div class="wrapper">
<asp:repeater runat="server" id="rpfollowup" xmlns:asp="#unknown">
...
Your ItemTemplate Snippet
...
</asp:repeater>
</div>



I have added div with class

wrapper

to your repeater. Now I will iterate inside that wrapper div to find our datepicker input control and one by one initialize them with datepicker plugin with their related IDs.


(".wrapper input[id


=datepicker]").each(function(index) { // You can directly get ID here as well var controlID =


这篇关于如何将转发器项的id转换为jquery的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆