Question

iv’e got a list of user controls which i bind to a repeater .

the user control : (Example) “AppProduct”

       <div>
            <asp:Button ID="btn_details" runat="server" Text="Trigger" /> 
            <asp:HiddenField ID="pid" runat="server" value="5"/> 
       </div>

the repeater :

       <asp:Repeater ID="Repeater1" runat="server">
            <ItemTemplate>
                 <App:Product ID="P1" runat="server" />
            </ItemTemplate>
       </asp:Repeater>

the problem :

when i press a certain “btn_details” on a certain user control i need to call a javascript or Jquery function
which does something according to the value of “pid” , but those are the Server Side id’s
how can i get the ClientID for these controls for the user control i clicked on.

Answer 1

i found a work around for this problem

first i set the repeater ClientIDMode:

       <asp:Repeater ID="Repeater1" runat="server" ClientIDMode="Predictable">
             <ItemTemplate>
                <App:Product ID="prd1" runat="server" />
             </ItemTemplate>
        </asp:Repeater>

secondly i added a function to the btn_details on clientClick

        <asp:Button ID="btn_details" runat="server" Text="פרטים נוספים"  OnClientClick="Get_Product_Details(this);" />

in that function i extract the client id for the button and resolved the client id for the hidden field pid

         <asp:HiddenField ID="pid" runat="server" Value="5"/>

the function which will extract the client id //ContentPlaceHolder1_Repeater1_Prd_2_pid_2:

          function Get_Product_Details(btn) {
//ContentPlaceHolder1_Repeater1_Prd_2_btn_details_2
var s = btn.id;
var start = s.indexOf("btn_details");
var end = s.lastIndexOf("_");
sub = s.substring(start, end);
s = s.replace(sub, "pid");
var hidden = document.getElementById(s);
var id = hidden.value;