Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.94/17: Рейтинг темы: голосов - 17, средняя оценка - 4.94
Lesto
0 / 0 / 5
Регистрация: 07.02.2013
Сообщений: 36
1

Шаблоны JS. Обновление элемента

12.02.2013, 15:23. Просмотров 3280. Ответов 2
Метки нет (Все метки)

Доброго времени суток. Изучаю шаблоны на js. Написал тестовый сайтик с шаблонами:
есть некоторая страничка с div'ом (id='testTmpl')

есть некоторый файл js:
Javascript
1
2
3
4
5
6
7
$(document).ready(
    function ()
    {
        var a = [{text1: 'It text 1', text2: {text3: 'It text2.text3'}, text4: 'It text 4'}];
        loadTemplate ('../templates/test.tmpl.htm', 'testTmpl', a);
    }
);
Загрузчик шаблонов loadTemplate.js:
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
/**
 * Загружает шаблон js
 *
 * @param nameTemplate - имя шаблона
 * @param itemId - ИД элемента HTML, куда будет передаваться готовая разметка
 * @param data - передаваемые данные в шаблон
 */
function loadTemplate (nameTemplate, itemId, data)
{
    $.get(nameTemplate, function (tmplBody)
    {
        $.tmpl(tmplBody, data).appendTo('#'+itemId);
    });
}
Тут проблем нет. Проблема возникает, если мне надо раз в некоторое время получать новые данные, передавать их в шаблон и перерисовывать div
например сделаю так:
Javascript
1
2
3
4
5
6
7
8
9
10
11
$(document).ready(
    function ()
    {
        var a = [{text1: 'It text 1', text2: {text3: 'It text2.text3'}, text4: 'It text 4'}];
 
        setInterval(function()
        {
            loadTemplate ('../templates/test.tmpl.htm', 'testTmpl', a);
        }, 2000);
    }
);
Но тогда div не перерисовывается, а дописывается еще раз ниже, снова и снова...
Как сделать чтобы div обновлялся?

P.S.
прикрепил архив с исходниками
0
Вложения
Тип файла: zip untitled1.zip (90.1 Кб, 7 просмотров)
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
12.02.2013, 15:23
Ответы с готовыми решениями:

Шаблоны JS. Обновление шаблона
Доброго времени суток. Появился новый вопрос. В отличие от предыдущего, мне нужно обновить сам...

Обновление значения HTML элемента
Здравствуйте) такой вопрос... при выборе элемента в select нужно обновлять текстовое поле с другим...

Обновление(перезагрузка) элемента по клику
$('#krestik').click(function () { $('#player').hide(1000); Добрый день. Подскажите...

Обновление элемента по нажатию кнопки
Добрый день, Решил сделать возможность обновления капчи для формы <form method="post"> Ваш...

ajax обновление элемента в определенном файле
Добрый всем день, есть функция при выполнении которой выполняется обновление некоего элемента с...

2
Lesto
0 / 0 / 5
Регистрация: 07.02.2013
Сообщений: 36
13.02.2013, 12:24  [ТС] 2
нашел решение:
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
/**
 * Загружает шаблон js
 *
 * @param nameTemplate - имя шаблона
 * @param itemId - ИД элемента HTML, куда будет передаваться готовая разметка
 * @param data - передаваемые данные в шаблон
 */
function loadTemplate (nameTemplate, itemId, data)
{
    $.get(nameTemplate, function (tmplBody)
    {
        $.tmpl(tmplBody, data).replaceAll('#'+itemId);
    });
}
просто вместо appendTo сделал replaceAll.
0
suharik
260 / 246 / 57
Регистрация: 03.09.2010
Сообщений: 805
14.02.2013, 15:50 3
Тоесть Вы шаблон подгружаете с сервера? оО
Вообще пора уже переходить на JS шаблоны. Это вообще шикарная и мегобыстрая штука.
Например DotJs
Хотя, у каждого разные задачи, поэтому могу дать ошибочное мнение.
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
14.02.2013, 15:50

Шаблоны функций. В одномерном массиве, состоящем из n вещественных элементов, вычислить номер максимального по модулю элемента массива
Задание 1: Работа с одномерными массивами. В одномерном массиве, состоящем из n вещественных...

Обновление элемента
Подскажите, изменяю дату активности элемента, но при клике по ссылке она меняется у всех эементов,...

Хранить шаблоны документов в базе и выводить данные в эти шаблоны
Доброго времени суток. Интересует вопрос: мне необходимо формировать вордовские документы по...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru