c# - 在更新面板 C# 中从页面更改主页图像 src

Question

我有一个包含如下图像的母版页:

<asp:Image ID="imgCompanyLogo" runat="server" ImageUrl="image path" />

在子页面中，我想按如下方式编辑属性 ImageUrl:

Image imgCompanyLogo = (Image)Page.Master.FindControl("imgCompanyLogo");
imgCompanyLogo.ImageUrl = ResolveUrl("~/images/CompanyLogo/Logo.png");

它没有给我异常(exception)，但它没有改变任何东西。

注意:我在子页面中有一个 UpdatePanel。

Answer 1

由于图像位于 UpdatePanel 之外，因此在部分回发后不会对图像执行服务器端更改。您唯一的选择是将 JavaScript 注入(inject)页面并更改图像 URL。

使用 ScriptManager.RegisterStartupScript Method在部分回发后注入(inject) JavaScript。

像下面这样的东西对你有用:

C#

protected void btnPostback_Click(object sender, EventArgs e)
{
    imgCompanyLogo.ImageUrl = ResolveUrl("~/images/CompanyLogo/Logo.png");
    ScriptManager.RegisterStartupScript(btnPostback,this.GetType(), "myScript", "ChangeImage('" + ImageUrl + "');",false);
}

JavaScript

function ChangeImage(imgURL) {
    //make sure the ID of the image is set correctly
    document.getElementById('imgCompanyLogo').src = imgURL; 
}