Диджит HelloWorld (Дубль 3: Внедрение шаблона)

Как уже говорилось ранее, чтобы сэкономить время, затрачиваемое на выполнение синхронного запроса к серверу, можно определить строку шаблона непосредственно в файле JavaScript. В примере 12.4 приводится измененная версия HelloWorld, где показано, насколько просто это можно реализовать вручную, но имейте в виду, что сценарии сборки из библиотеки Util могут автоматизировать этот процесс для всех ваших диджитов в процессе подготовки их к развертыванию.
Пример 12.4. HelloWorld (Дубль 3: templateString)
dojo.provide("dtdg.HelloWorld");
dojo.require("dijit._Widget");
dojo.require("dijit._Templated");
dojo.declare(
"dtdg.HelloWorld",
[dijit._Widget, dijit._Templated],
{
greeting : "",
//Добавить встроенную строку шаблона...
templateString : "
${greeting}
",
postMixInProperties: function() {
console.log ("postMixInProperties");
//Мы по-прежнему имеем возможность оказывать влияние
//на строку шаблона
this.greeting = "Hello World";
}
}
);

В этом примере свойство templateString предоставляет встроенный шаблон, благодаря этому отпала необходимость в отдельном файле шаблона.


В свою очередь, это экономит время на выполнение синхронного запроса к серверу. Представьте себе множество диджитов с боль шим количеством строк шаблонов – совершенно очевидно, что такое встраивание шаблонов может привести к существенному уменьшению времени загрузки страницы. В ситуации подготовки рабочей версии приложения вам на помощь придет система сборки из библиотеки Util (глава 16), которая автоматизирует подобные оптимизации производительности.

Оцените статью: (0 голосов)
0 5 0

Статьи из раздела Dojo на эту тему:
Анатомия библиотеки Dijit
Быстрое создание прототипов виджетов в разметке
Ваш первый диджит: HelloWorld
Диджит HelloWorld (Дубль 1: Основа)
Диджит HelloWorld (Дубль 2: Изменение шаблона)

Вернуться в раздел: Dojo / Анатомия Dijit и жизненный цикл