Question

我使用的是Asp.Net C＃4.0。我有一个Datalist，显示数据库中的图片。我的问题是，是否有可能在点击时从数据表中显示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;
}

从Datalist在Asp.Net图像控件中显示图片

1 个答案: