пользовательский контроль с помощью javascript

Question

Я хочу сделать своего рода пользовательское управление с помощью javascript.

<div id="myDiv"> 
    <input type="text" id="myText" /> 
</div> 

Я хочу вставить этот div в свою разметку HTML, где бы я ни требовался. Цель состоит в том, чтобы сделать его многоразовым в разных местах моего HTML и поддерживать единую точку изменения, если мне нужно изменить управление в будущем. Я хотел бы иметь функцию javascript для этого. Мне нужны лучшие способы сделать это, возможно, используя jquery.

Answer 1

Я думаю, что вы после того, как достойный кандидат на новый jQuery templates. Вы можете найти a tutorial here, например:

<script id="myTemplate" type="text/x-jquery-tmpl"> 
    <div id="myDiv${ID}"> 
    <input type="text" id="myText${ID}" /> 
    </div> 
</script> 

Тогда при ее использовании, она будет выглядеть следующим образом:

$("#myTemplate").tmpl([{ID: 1}]).appendTo("#something"); 

Это просто пример, ваши идентификаторы должны быть уникальными и не дублируется в любом месте в страницы, даже в результате добавления их через JavaScript. Если вы хотите шаблон для повторного использования это очень гибкий способ сделать, тем более, если вы передаете данные, а также, например:

<script id="myTemplate" type="text/x-jquery-tmpl"> 
    <div id="myDiv${ID}"> 
    <input type="text" id="myText${ID}" value="${Val}" /> 
    </div> 
</script> 

И только добавить, что недвижимость в:

$("#myTemplate").tmpl([{ID: 1, Val: "Test"}]).appendTo("#something"); 

Или вы можете передать массив в .tmpl(), чтобы сделать многие из них сразу, в результате ответа JSON и т. Д. Также на основе вашего комментария да, вы также можете получить шаблон из внешнего файла, like this.

Answer 2

Если я правильно, вам нужна функция клона() Clone()