Обновление данных шаблона dust.js

Question

есть способ обновить данные шаблона без повторной рендеринга шаблона пыли.

Что я имею в виду.

У меня есть успешный шаблон пыли, которая выводит следующее:

<ul> 
    <li>John</li> 
    <li>Mark</li> 
    <li>Jim</li> 
    <li>Nick</li> 
</ul> 

когда я делать обновленную информацию о своих данных, например: изменение «Джон», чтобы «Питер» и послал результат в базу данных, мне нужно снова отобразить шаблон пыли (который будет принимать все данные и повторно нарисовать его на клиенте), или есть ли способ сказать пыли обновить ТОЛЬКО li со значением «Джон» (и изменить его на "Питер")?

Answer 1

Вы можете использовать меньшие компоненты шаблона. Вот что я имею в виду:

list.tl:

<ul> 
    <li>{>"listItem" name="John"/}</li> 
    <li>{>"listItem" name="Mark"/}</li> 
    <li>{>"listItem" name="Jim"/}</li> 
    <li>{>"listItem" name="Nick"/}</li> 
</ul> 

listItem.tl:

{name} 

Затем, когда вы, скажем, нажмите на элемент, вы могли бы сделать что-то вроде этого:

document.getElementsByTagName('li').addEventListener('click', function() { 
    var element = this; 
    dust.render('listItem', {name: 'MyNewName'}, function(error, output) { 
    element.innerHTML = output; 
    }); 
} 

С этим вы только повторно визуализируете часть, которая фактически изменяется.

EDIT 1: вам не нужно расширение .tl при вызове другого шаблона, поэтому избавилось от этого.