获取在转发器中绑定的特定用户控件的ClientID

我得到了一个绑定到转发器的用户控件列表。

用户控件:(示例）“AppProduct”

转发器：

问题 ：

当我在某个用户控件上按某个“btn_details”时，我需要调用一个javascript或Jquery函数，它根据“pid”的值执行某些操作，但这些是服务器端ID，我如何获取这些控件的ClientID对于我点击的用户控件。

Answer 1

.NET 4.0集

  ClientIDMode = "Static" 

对于较旧的.NET使用

  '<%= Control.ClientID %>' 

对于你的情况

  function Get_Product_Details(uc) { var hidden_pid = uc.getElementById('<%= pid.ClientID %>'); } 

Answer 2

我找到了解决这个问题的方法

首先我设置转发器ClientIDMode：

其次，我在clientClick上为btn_details添加了一个函数

在该函数中，我提取按钮的客户端ID并解析隐藏字段pid的客户端ID

将提取客户端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; 

Answer 3

由于转发器可以包含您控件的多个实例，因此它会在ID上附加一个数字以唯一标识它。 使用jQuery查找与按钮相关的其他元素。 .siblings（）应该做的伎俩。

Answer 4

而不是使用隐藏元素作为按钮上的pid，您可以通过jquery .data附加值：

  private StringBuilder builder; public void Page_Load(object sender, EventArgs e) { Repeater1.ItemDataBound += generateData; Repeater1.DataBound += outputGeneratedData; if (!Postback) { List products = new List(); // generate our data to bind Repeater1.DataSource = products; Repeater1.DataBind(); } } // it is possible to do this inside the user control as well on page_load which would simplify it. public void generateData(objectSender, RepeaterItemEventArgs e) { if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem) { // presumes your custom control is the first control in the repeater.. if not you can use FindControl to get the relevent controly MyUserControl ctl = (MyUserControl)e.item.Controls[0]; // you could expose the buttons id in a property on the control but if prefered just use FindControl. builder.AppendFormat("$('{0}').data('PID','{1}');", ctl.FindControl('btn_details').ClientID ,((Product)e.item.DataItem).ProductID); } } public void outputGeneratedData(object sender,Eventargs e) { Response.Write(@""); } 

通过客户端js项访问它是这样的：

  function Get_Product_Details(item) { var productId = $(item).data('ProductID'); }