Я не совсем знал, как это обозначить в названии, но вот моя проблема:
Я использую Kendo UI и имею объект TabStrip, с различными событиями, которые запускаются при переходе на определенные вкладки. Последняя вкладка - это вкладка «Подтверждение выбора». При щелчке по этой вкладке она получает выборки из предыдущих вкладок и отображает их в последний раз, чтобы пользователь мог подтвердить, что это именно то, что он хочет.
Я использую шаблоны T4, чтобы отобразить на этом экране выбранные пользователем варианты с этим кодом:
<script id="confirmSelections" type="text/x-kendo-template">
<h3>Selected Titles</h3>
# for (let i = 0; i < titles.length; i++) { #
<p>Title: #= titles[i] #</p>
# } #
</script>
Единственная проблема в том, что я понял, что если я вернусь к любой из моих предыдущих вкладок, а затем вернусь к этой вкладке «Подтверждение выбора», он сохранит уже созданные <p></p> и воссоздает все элементы HTML. снова. То есть дубликаты с одинаковыми заголовками столько раз, сколько я двигаюсь назад. Итак, я хотел бы очистить палитру, а затем воссоздавать элементы HTML каждый раз, когда нажимается «Подтвердить выбор». Как мне этого добиться?