2

我正在向我的页面动态添加用户控件：

  • 当用户点击按钮时，jquery ajax 方法执行，它调用我的 web 方法
  • web 方法返回我的用户控件呈现为字符串
  • 在 ajax 调用的成功部分，接收到的 html 被附加到占位符

呈现我的用户控件的方法：

public static string RenderUserControlAsString(string path)
{
    var page = new PageOverride();
    var viewControl = (UserControl)page.LoadControl(path);
    page.Controls.Add(viewControl);
    var output = new StringWriter();
    HttpContext.Current.Server.Execute(page, output, true);
    return output.ToString();
}

这工作正常，但我的 asp:Image 元素的 ImageUrl 有问题（我的用户控件包含多个元素，而 asp:Image 只是其中之一）：

<asp:Image ID="imgDelete" runat="server" ImageUrl="~/images/delete.gif" onmouseover="this.style.cursor='hand'" onmouseout="this.style.cursor='default'"/>

被ImageUrl转换为../images/delete.gif，这是不行的。实际上，ImageUrl总是在它前面收到两个点和一个斜线。任何想法如何防止这种情况？

编辑 - 项目结构：

根：

  • 图片
    • 删除.gif
    • ...
  • 网页控件
    • MyWebControl.ascx
    • ...
  • MyWebService.asmx
  • 我的页面.aspx
4

2 回答 2

1

当用户控件被添加到 aspx 网页时，它会查找与您的网页路径相关的图像，带有正斜杠的两个点../表示返回 1 步，在您的情况下，它会搜索对您的网页和文件夹都../images/delete.gif无效的图像下。MyPage.aspximagesroot

将您的用户控件和网页放在同一文件夹中或将路径更改为images/delete.gif.

编辑：以下层次结构不需要您将用户控件/网页放在同一文件夹中或更改文件夹路径images。

根：

  • 图片

    删除.gif ...

  • 网页控件

    MyWebControl.ascx ...

  • 网页

    我的页面.aspx

于 2012-04-24T06:57:51.420 回答
0

现在我只是在我的 web 控件中添加了一个覆盖方法：

protected override void OnPreRender(EventArgs e)
{
      base.OnPreRender(e);

      // Don't use ImageUrl, set fixed src attribute.
      imgDelete.Attributes["src"] = "images/delete.gif";
}

缺点是，图像仅显示在位于根文件夹中的页面上，但这对我有用。

另一种方法是使用 jquery livequery 插件：

$('.Delete').livequery(function () {
    $(this).attr('src', 'images/delete.gif');
});

编辑 - 我也可以将 CssClass 设置为图像按钮并background: url(../images/add.gif)使用 css 设置...

于 2012-04-26T05:52:11.620 回答