DataList 내부의 ModalPopupExtender가 데이터 목록 항목의 내부에 ImageButton의 onclick을 표시합니다.

Question

데이터베이스의 항목으로 채워진 데이터 목록이 있으며 각 항목에는 특정 항목의 설명이 포함 된 모달 팝업을 표시하려는 이미지 버튼이 있습니다. 뒤에

<asp:DataList ID="DataList1" runat="server" RepeatColumns="3" RepeatDirection="Horizontal" Width="100%"> 

    <ItemTemplate> 
    <table width="228px"> 
    <tr> 
    <td width="20px" >&nbsp;</td> 
    <td width="160px" align="center"> 
    <asp:Label ID="pID" runat="server" Visible="false" Text='<%# Eval("id") %>'></asp:Label><asp:Label ID="Label1" runat="server" Text='<%# Eval("ProductName") %>' Font-Size="8pt" ForeColor="#336699" Width="100%" /> 
    </td> 
    <td align="right"> 
    &nbsp;&nbsp;<asp:ImageButton ID="SpecificBtn" ImageUrl="images/SmallCallout.png" OnClick="SpecificBtn_Click" CommandArgument='<%# Eval("Id") %>' runat="server" /> 
    <ajaxToolkit:ModalPopupExtender ID="mdl" runat="server" PopupControlID="pnl" TargetControlID="SpecificBtn" Enabled="True" CancelControlID="btn" DropShadow="true" Drag="True" ></ajaxToolkit:ModalPopupExtender>  
    </td> 
    </tr> 
    </table> 
    <asp:Image ID="Image1" runat="server" ImageUrl='<%# "GetImage.aspx?id=" + Eval("id") %>' /><br /> 
    <table align="center" style="position:relative; left:2px;" cellspacing="0" cellpadding = "0" width="228px"> 
    <tr> 
    <td style="background-color:Black;" colspan=2> 
    <div > 
    &nbsp;&nbsp; 
    <asp:Image ID="Image2" ImageUrl="/images/cart.png" runat="server" /> 
    <asp:Button CommandName="AddToCart" CssClass="anchor" OnClick="addProduct" CausesValidation="false" CommandArgument='<%# Eval("Id") %>' ID="addToHire" runat="server" Text="  Add To Cart  " BackColor="Black" BorderColor="Black" BorderStyle="None" ForeColor="#F8CD20" Height="24" Font-Bold="true" Font-Size="10" /> 
    </div> 
    </td> 
    </tr> 
    </table> 

    <br /><br /> 
    </ItemTemplate> 
    <ItemStyle CssClass="dataListItemStyle" HorizontalAlign="Center" VerticalAlign="Top" /> 
    </asp:DataList> 



<asp:Panel ID="pnl" runat="server" visible="false" Width="300px" Height="300px" BackColor="red"> 
     <asp:Label ID="Label2" runat="server" Text="Specification"></asp:Label> 
     <asp:Label ID="Label3" runat="server" Text='<%# Eval("Specification") %>'></asp:Label> 
     <asp:Button ID="btn" runat="server" Text="cancel" /> 
    </asp:Panel> 

코드 :

 protected void SpecificBtn_Click(object sender, EventArgs e) 
    { 
     DataListItem dli = (DataListItem)((ImageButton)sender).Parent; 
     ModalPopupExtender ModalPopupExtender2 = (ModalPopupExtender)dli.FindControl("mdl"); 
     pnl.Visible = true; 
     ModalPopupExtender2.Show(); 

    } 

누군가가 방법이 acheive 말해 내가 잘못 할 수 아래는 지금까지 식사를하지만 실패가 것입니다. 감사.

Answer 1

사용 JQuery와 .. 내가 희망

function onimagebuttonclick() 
    { 
     $find('BehaviorIDofmodelpopupextender').show(); 
    } 

이 방법으로 문제가 해결 ..