使用 AJAX 在中继器内动态添加编辑器控件

Question

我正在寻找一种将编辑器控件（来自 ASP.NET AJAX 控件工具包）添加到转发器的每个元素的方法。如果我只是将它包含在转发器的 ItemTemplate 中，它就可以正常工作，但我的问题是它生成的标记很大，这会大大减慢页面速度（即使打开压缩）。

我没有使用更新面板在中继器项目内添加控件 - 我认为这可能是首选方法，但在中继器项目内的更新面板内动态添加控件并不是我所拥有的任何成功的做法，但我似乎找不到任何好的例子。

我考虑的另一种选择是使用 PageMethods 呈现控件并将 HTML 发送回页面，让 javascript 将其放在适当的位置，然后处理它，但它不会让我呈现控件 - 我得到一个InvalidOperationException“页面不能为空。请确保此操作是在 ASP.NET 请求的上下文中执行的。”。我的猜测是，生成的所有 JavaScript 都使我无法即时渲染编辑器控件。

您能为我指明实现这一目标的正确方向吗？

谢谢

编辑：如果可能的话，另一种选择是将普通的编辑器控件放在页面的标记中，然后根据需要使用 javascript 将其在转发器内移动。我可以使用普通控件执行此操作，但是当我使用编辑器执行此操作时，它的表现不佳 - 文本框出现，但不允许我在其中单击。如果您对此有任何想法，我也将不胜感激。这是这个的代码：

<span id="spanHiddenEditor" style="display: block;">
    <cc1:Editor ID="ed1" runat="server" Height="200" Width="400" />
</span>
<script type="text/javascript">
    function createTextBox(idx) {
        var span = $get("span1_" + idx); // this gets me the target location
        var hiddenEditorSpan = $get("spanHiddenEditor")
        var editorHtml = hiddenEditorSpan.innerHTML;
        hiddenEditorSpan.innerHTML = "";
        span.innerHTML = editorHtml;
    }
</script>

Answer 1

使用类识别中继器内的位置，然后使用 jquery 将 html 插入到准备好的页面上

$(function() {  
        $(".myclass").Append("<htmlz>");
}); 

然后，如果您需要识别每个文本框，您可以使用父容器 ID 来完成，例如。

$("#myID div.class input").value

我是一个完全的 jquery 新手，所以它可能都不起作用，但我相信这个想法是一个好主意！