api.builder

Подробное описание

Средство построения

api.builder

Открытые члены
	reload ()
	Перезагрузка средства построения Подробнее...
	render (templ, data)
	Обработать текст как шаблон и сформировать HTML-код на основе данных Подробнее...
	renderFile (templPath, data)
	Обработать файл как шаблон и сформировать HTML-код на основе данных Подробнее...

Методы

reload ()

reload

(

)

Перезагрузка средства построения

render (templ, data)

render	(	templ	,
		data
	)

Обработать текст как шаблон и сформировать HTML-код на основе данных

Аргументы

templ	[String] - HTML-шаблон
data	[Object] - Данные для вставки

Возвращает

String - HTML код на основе данных

// Пример работы api.builder.render
<-------------------- HTML-файл ------------------->
var data = [{name: 'Coca-Cola 0,5',   price: 40},
            {name: 'Nuts',            price: 30},
            {name: 'Chupa-Chups XXL', price: 35}];
 
var template = '\n' +
               '<table>                        \n' +
               '  <tr>                         \n' +
               '    <th>Товар</th>             \n' +
               '    <th>Цена</th>              \n' +
               '  </tr>                        \n' +
               '  {{% for product in data %}}  \n' +
               '  <tr>                         \n' +
               '    <td>{{product.name}}</td>  \n' +
               '    <td>{{product.price}}</td> \n' +
               '  </tr>                        \n' +
               '  {{% endfor %}}               \n' +
               '</table>';
 
var argsObj = {template: template, data: data};
 
stmobile.channel.send('renderTemplate', argsObj, function(renderedHtml) {
    // Вставляем готовую табличку на страницу
    document.querySelector('#container').innerHTML = renderedHtml;
}
 
<------------------- Дата-скрипт ------------------>
function renderTemplate(argsObj) {
    argsObj = JSON.parse(argsObj);
    return api.builder.render(argsObj.template, argsObj.data);
} 

renderFile (templPath, data)

renderFile	(	templPath	,
		data
	)

Обработать файл как шаблон и сформировать HTML-код на основе данных

Аргументы

templPath	[String] - Путь до файла
data	[Object] - Данные для вставки

Возвращает

String - HTML код на основе данных