在ASP.NET中使用引导modalpopup [英] Using bootstrap modalpopup in ASP.NET

问题描述

我有一个产品页，其中显示的产品列表。当我点击详细信息按钮，我想显示在引导模式弹出产品的详细信息。

我想获得该产品的细节之一，但这个code得到所有产品的详细信息。

如何解决这个查询：

的.aspx code：

 ＆LT; ASP：直放站ID =rpProducts=服务器＆GT;
＆LT;＆ItemTemplate中GT;
     ＆所述; TD＆GT; ＆所述;股利类=BTN-UD＆GT;＆下; A HREF =＆下;％＃评估和演示（产品ID）％＆gt;中数据切换=莫代尔数据目标=＃myModal2级=BTN BTN-自定义3 BTN-SM/＆GT;详情＆LT; / A＆GT; ＆LT; / DIV＆GT; ＆LT; / TD＆GT;
＆LT; / ItemTemplate中＆GT;
＆LT; / ASP：直放站＆GT;
 

模式弹出code：

 ＆LT; D​​IV CLASS =模式变脸ID =myModal2的tabindex = -  1角色=对话框中的咏叹调隐藏=真＆GT;
＆LT; ASP：直放站ID =rpProductDetails=服务器＆GT;
＆LT;＆ItemTemplate中GT;
＆LT;＆TBODY GT;
＆LT; TD高度=100px的＆GT; ＆LT;％＃的eval（产品详细）％＆GT; ＆LT; / TD＆GT;
＆LT; TD高度=100px的＆GT; ＆LT;％＃的eval（产品详细）％＆GT; ＆LT; / TD＆GT;
＆LT; / TBODY＆GT;
＆LT; / ItemTemplate中＆GT;
＆LT; / ASP：直放站＆GT;
＆LT; / DIV＆GT;
 

C＃code：

 的DataTable dtProductsDetails = system.GetDataTable（选择产品详细，TechDetails，标准，ApplicationArea从TBLPRODUCTS那里的ProductID =产品ID）;
          如果（dtProductsDetails.Rows.Count大于0）
          {
              rpProductDetails.DataSource = dtProductsDetails;
              rpProductDetails.DataBind（）;
          }
 

解决方案

您必须使用jQuery为此：

  $（A）。点击（函数（）{
    $（＃myModal2）模式（秀）。
}）;
 

I have a Products page which displays a list of products. When i click Details button, i want to show product details in a bootstrap modal popup.

I want to get one of the product detail but this code gets all products details.

how can i fix this query:

.aspx code:

<asp:Repeater ID="rpProducts" runat="server">
<ItemTemplate>
     <td> <div class="btn-ud" ><a href="<%#Eval("ProductID") %>" data-toggle="modal" data-target="#myModal2" class="btn btn-custom-3 btn-sm"/ >Details</a> </div> </td> 
</ItemTemplate>
</asp:Repeater>

modal popup code:

<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-hidden="true">
<asp:Repeater ID="rpProductDetails" runat="server">
<ItemTemplate>
<tbody>
<td height="100px"> <%#Eval("ProductDetails")%> </td>
<td height="100px">  <%#Eval("ProductDetails")%> </td>
</tbody>
</ItemTemplate>
</asp:Repeater>      
</div>    

c# code:

DataTable dtProductsDetails = system.GetDataTable("Select ProductDetails,TechDetails,Standards, ApplicationArea from TBLPRODUCTS where ProductID = ProductID");
          if (dtProductsDetails.Rows.Count > 0)
          {
              rpProductDetails.DataSource = dtProductsDetails;
              rpProductDetails.DataBind();
          }

解决方案

You have to use jQuery for this:

$("a").click(function(){
    $("#myModal2").modal("show");
});

这篇关于在ASP.NET中使用引导modalpopup的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！