В ходе выполнения этого шага объясняется порядок создания отдельных заголовок для разных экземпляров компонента.
При перемещении компонента на страницу на баннере компонента отображается следующее: A_Local_Component. Хотя это нормально, если пользователь перетаскивает на страницу только один из своих компонентов, может потребоваться создать отдельные заголовки, чтобы различать различные экземпляры компонента.
Для обновления заголовка компонента можно использовать Sites SDK. В ходе выполнения этого шага заголовок обновляется на основе свойства "imageBannerText".
Чтобы обновить заголовок, измените файл render.js и добавьте в объект SampleComponentViewModel следующий код:
self.updateDescription = ko.computed(function () {
SitesSDK.setProperty('description', self.imageBannerText());
});
Это вычисление на основе Knockout обновляет описание компонента при каждом изменении наблюдаемого элемента imageBannerText.
Проверьте результаты шага 9.
Обновите страницу на своем сайте, чтобы приложение Site Builder могло отслеживать изменения в компоненте.
Переключите страницу в режим редактирования.
Перетащите свой компонент на страницу.
Откройте панель "Настройки" для своего компонента.
Нажмите кнопку Пользовательские настройки.
Измените Image Banner на Workplace.
Закройте панель "Настройки" и наведите указатель мыши на компонент, чтобы отобразить баннер.
Отображается A_Local_Component Workplace.
Теперь выполните Шаг 10. Использование вложенных компонентов с внутристрочным редактированием.