Блог

У меня ситуация, когда я пытаюсь использовать содержимое внутри div в качестве шаблона для динамического создания элементов управления. Итак, чтобы объяснить на примере: я создал элемент div BaseControl следующим образом, который будет действовать как шаблон для моих элементов управления, которые я собираюсь создать, когда пользователь нажимает на кнопку. Затем вновь клонированный (div) будет добавлен к «контейнерному» div. Проблема, с которой я сталкиваюсь, заключается в том, что клон не копирует div «emailEditButtonDiv» (внутренний div BaseControl div). Это ожидаемое поведение или я делаю что-то не так. Как это можно решить?

Большое спасибо CSC

 <div id="BaseControl">
  <asp:Label ID="Label2" CssClass="controllabel" runat="server" Text="Email:" </asp:Label>
  <asp:TextBox ID="txtEmailAddress" runat="server"></asp:TextBox>
  <asp:LinkButton ID="anchor" runat="server">Anchor</asp:LinkButton>amp;nbsp;amp;nbsp;
  <div id="emailEditButtonDiv" class="EmailControlEditDiv" style="width: 25%">
    <asp:LinkButton ID="EditButton" runat="server">Edit</asp:LinkButton>
  </div>
</div>
<div class="container">
</div>
<span>
  <input type="button" id="imgBtnAddNewLineItem" value="Add New Email" />
</span>

<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
  $(document).ready(function () {
    $('#imgBtnAddNewLineItem').click(function (e) {
      $('#BaseControl').clone(true).appendTo('.container');
      return false;
    });
  })
</script>