动态添加HtmlEditorExtender到更新面板

Question

当Ajax工具包控件被动态添加到更新面板时，就会出现问题。我有测试用户控件( UC_Test.ascx)，里面有一个带有HtmlEditorExtender的文本框：

    <%@ Control Language="C#" AutoEventWireup="true" CodeFile="UC_Test.ascx.cs" Inherits="UC_Test" %>
<asp:TextBox runat="server"  ID="textbox1" CssClass="textbox" Height="40px"/>
<asp:HtmlEditorExtender runat="server" TargetControlID="textbox1"></asp:HtmlEditorExtender>

在另一个控件上有一个更新面板，其中包含两个元素(按钮和PlaceHolder)

<asp:UpdatePanel runat="server">
    <ContentTemplate>
        <asp:Button Text="Add" runat="server" OnClick="button_click" />
      <asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>
    </ContentTemplate>
</asp:UpdatePanel>

按钮点击事件的代码是：

protected void button_click(object sender, EventArgs e)
    {

            PlaceHolder1.Controls.Clear();
            PlaceHolder1.Controls.Add(LoadControl("~/UC_Test.ascx"));

    }

现在，当点击按钮时，控件(UC_Test)将被成功添加到ajax模式下的占位符，但HtmlEditorExtender的资源(css文件和图像)并未加载。我从添加的控件中创建一个快照：

​

​

正如您所看到的图像，htmlEditorExtender的图标(如复制、粘贴等)没有装弹。！

Answer 1

有一种解决此问题的方法。在母版页上的脚本管理器和第一个更新面板之间放置一个不可见的面板，并在其中放置一个虚拟文本字段和HtmlEditorExtender。这将使动态加载的控件的HtmlEditorExtenders正确呈现。

显然，扩展器需要在第一次加载时加载某些资源。母版页上的虚拟对象将使这些资源可用于此后创建的扩展器。

t010t在ajaxcontroltoolkit.codeplex上发布的解决方案。

Answer 2

我知道这是一年前的事了，但我也有同样的问题。在我的例子中，有一个CSS类被全局应用于所有按钮。

如下所示。

background: #666666;

Firefox firebug插件显示了将css呈现为的结果。

background: none repeat scroll 0 0 #e6e6e6;

当我禁用这行css时，按钮就会显示出来。为了解决这个问题，我不得不改变。

background: #666666;

至

background-color: #666666;

在此之后，按钮正确呈现。这可能不会解决所有人的问题。但在某些情况下，它可能会。