javascript - 在 ASP.NET Web 窗体中，我想使用 javascript 控制子中继器

Question

我有一个父中继器，其中包含另一个子中继器。为了简单起见，我们假设子中继器包含文本框和Requiredvalidator。

标记的简单示例:

<asp:Repeater ID="rpt1" runat="server">
 <HeaderTemplate>
 ....
 </HeaderTemplate>
 <ItemTemplate>
 <asp:Label ID="lbl1" runat="server" CssClass=".."></asp:Label>
 <div class="..">
 <asp:Repeater ID="rpt2" runat="server">
     <HeaderTemplate>
     </HeaderTemplate>
     <ItemTemplate>
       <div class="...">
       <asp:TextBox ID="txt21" runat="server" CssClass="..." MaxLength="7" CssClass="ErrorMessage" ErrorMessage="*" />
       <asp:RequiredFieldValidator ID="rfv21" runat="server" CssClass="ErrorMessage" ErrorMessage="*" />
       </div>
     </ItemTemplate>
     <FooterTemplate>
     </FooterTemplate>
 </asp:Repeater>
 </div>
 </ItemTemplate>
 <FooterTemplate>
 </FooterTemplate>
</asp:Repeater>

我创建了一个像这样的方法来获取第二个转发器的RequiredField id:

function getId(){

var myId = document.getElementById('<%= rfv21.ClientID %>');
}

但是当然它不起作用，并且有一个异常(exception):

The name control-name Does Not Exist in the Current Context

那么我该怎么做呢？

我想提一下，我的业务需求是，当 txt21 触发 onchange、onkeyup、onkeydown 事件时，它将获得等效的 rfv21 并启用它:

我创建了这个方法，它会在 onchange、onkeyup、onkeydown 事件发生变化时触发:

 function txt21_onChange(txtbox) {
        var newValue = this.value;
        var oldValue = this.oldvalue;
        var myRfv2 = document.getElementById('<%= rfv2.ClientID %>');
        if (newValue != oldValue) {
            ValidatorEnable(myRfv2, true); 
        }
        } 

我将 txt21 更新为:

<asp:TextBox ID="txt21" runat="server" CssClass=".." MaxLength="7" onkeyup="javascript: txt21_onChange(this);this.oldvalue = this.value;" />

但是这条线需要工作:

var myRfv2 = document.getElementById('<%= rfv2.ClientID %>');

正如我之前所解释的。

我认为 Item.FindControl(..) 可能有帮助，但在这种情况下我们如何使用它？

Answer 1

您可以绑定(bind)来自Repeater Repeater.ItemDataBound的javascript函数调用事件。

代码库

 void R1_ItemDataBound(Object Sender, RepeaterItemEventArgs e) 
 {
      if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem) 
      {            
          TextBox txt21 = (TextBox)e.Item.FindControl("txt21");
          RequiredFieldValidator rfv21 = (RequiredFieldValidator)e.Item.FindControl("rfv21");
          txt21.Attributes.Add("onclick", "txt21_onChange('" + txt21.ClientID + "','" + rfv21.ClientID + "'" )            
      }
 }    

Javascript

function txt21_onChange(txt21ID, rfv21ID) 
{
    txt21ID = document.getElementById(txt21ID);
    rfv21ID = document.getElementById(rfv21ID);
    //The above are TextBox and RequiredFieldValidator objects of row of TextBox that triggered change event.
    //You can use these object  
}