c# - 在 Datalist 中的 Asp.Net 图像控件中显示图片

Question

我正在使用 Asp.Net C# 4.0。我有一个显示数据库图片的数据列表。我的问题是，是否可以在单击时从数据列表中显示 asp.net 图像控件中的图片？该操作的目的是点击放大图片。我正在使用以下代码。

//Here is my ObjectDataSource
<asp:ObjectDataSource ID="ObjectDataSource2" runat="server" 
    SelectMethod="ShowPicBA" TypeName="BusinessAccess.AD_OperationBA">
    <SelectParameters>
        <asp:QueryStringParameter Name="key" QueryStringField="id" Type="Int64" />
    </SelectParameters>
</asp:ObjectDataSource>


//Here is my DataList
<asp:DataList ID="DataList1" runat="server" DataSourceID="ObjectDataSource2" 
        DataKeyField="Pic_ID">
        <ItemTemplate>
            <asp:ImageButton ID="ImageButton1" runat="server" Height="152px"
                ImageUrl='<%# Eval("Pic_Path") %>' Width="175px"/>
        </ItemTemplate>
    </asp:DataList>

//Here is my Asp.Net Image Control
<asp:Image ID="Image1" runat="server" />

Answer 1

你可以通过javascript做到这一点。

将 onClientClick 添加到 ImageButton

<asp:ImageButton ID="ImageButton1" runat="server" Height="152px"
 ImageUrl='<%# Eval("Pic_Path") %>' Width="175px" onclientclick="ChangeImage(this);return false;"/>

function ChangeImage(Src) {
    document.getElementById('<%=Image1.ClientID%>').src = Src.src;
    return false;
}