Question

我有一个数据列表填充了数据库中的项目，每个项目都有一个图像按钮，我想要显示一个包含特定项目描述的modalpopup。以下是我到目前为止用餐但失败的原因：

<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();

    }

有人可以告诉我如何实现这个以及我哪里出错了。感谢。

Answer 1

使用jquery ..

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

我希望这能解决你的问题..

DataList中的ModalPopupExtender显示了在datalist项目中的ImageButton的onclick

1 个答案: