2015-02-02 3 views
5

Недавно я перенес сайт разработки с AEM 5.6 до 6.0. Когда я нажимаю на значок редактирования, в режиме Touch UI пустая страница загружается без пользовательского интерфейса. Образец Url в этом режиме выглядит так: localhost: 4502/editor.html/content/mypage.htmlAEM 6.0, нет содержимого в окне editor.html

Если я переключу URL-адрес на классический поисковик контента, моя страница и весь ее контент показывают: localhost: 4502/cf #/content/mypage.html

Если я нажимаю на свойства страницы, этот URL-адрес загружается и полностью лишен стиля, это длинный список ссылок для пользовательского интерфейса AEM, включая мои пользовательские настройки, но нет страницы. localhost: 4502/libs/wcm/core/content/sites/properties.html/content/mypage

Кто-нибудь испытал это? Требуется ли editor.html (Touch UI) другой набор разрешений или свойств страницы, которые нет в cf # (Classic UI)?

+0

Для пользовательского интерфейса Touch вам потребуется дополнительный диалог. Они несовместимы, поскольку классика использует ExtJS для виджетов, а Touch UI использует Coral: http://docs.adobe.com/docs/en/aem/6-0/develop/the-basics/touch-ui-concepts .html Хотя я удивлен, что даже страница не показана в вашем случае. Возможно, проверьте ошибки JavaScript ... – Thomas

ответ

9

Убедитесь, что стропа вашего компонента страницы: resourceSuperType имеет значение/основание/компоненты/страница. Он наследует диалог и диалог cq:. Это, скорее всего, решит проблемы editor.html и свойств страницы.

+0

Спасибо, Робби! По-видимому, это устранило мою проблему - теперь я могу перейти на свой сайт в режиме editor.html, а также загрузить мои свойства страницы. Я не учитывал этот параметр в своем компоненте страницы. Приятно видеть, что компоненты фундамента могут также охватывать оба диалога! –

1

Его просто копипаст с одного из сайтов в Adobe, объясняя diferences между Прикосновение и классический интерфейс

диалог, который построен для сенсорного интерфейса определяется с помощью узлов типа ООН: структурирована. Вы определяете тип элемента управления в диалоговом окне Touch UI, задавая свойство sling: resourceType узла. Например, чтобы определить текстовое поле в диалоговом окне Touch UI, установите свойство sling: resourceType в гранит/ui/components/foundation/form/textfield.

Примечание: При создании диалогового окна для интерфейса Touch UI вы определяете тип элемента управления (например, текстовое поле), задав свойство sling: resourceType. Напротив, при построении диалога для классического представления вы определяете тип элемента управления, устанавливая его свойство xtype. Вы устанавливаете оба свойства в следующих разделах. Список всех объектов гранита см. В разделе «Гранитная ссылка».

На следующем рисунке показаны узлы JCR компонента, созданного в этой статье разработки.

example

Как вы можете видеть на предыдущем рисунке, есть два JCR ветви, которые связаны с диалогом компонента:

/приложение/mywebsite2/компоненты/herotext2/сч: диалоговые /приложений/mywebsite2/components/herotext2/dialog

Оба этих диалога необходимы при разработке компонента AEM. Первая ветвь определяет диалог компонента, используемый в среде Touch UI. Вторая ветвь определяет диалог компонента, используемый в классическом представлении AEM. Поэтому для использования компонента в обоих представлениях AEM вам необходимо создать ветви узлов JCR.

Итак ... Итак, вам нужно определить два диалога, если вы хотите, чтобы они работали над обоими пользовательскими интерфейсами.

+0

Спасибо Маури, я не знал о двух диалогах. Это будет очень полезно, когда мы перейдем к 6.0. Моя проблема больше не содержит содержимого, отображаемого в режиме editor.html, и не имеет доступа к свойствам страницы. –

1

Существует небольшое изменение в соответствии с AEM 6.1. Убедитесь, что для вашего сайта страницы sling: resourceSuperType установлено значение wcm/foundation/components/page. Вам нужно добавить это свойство в компонент страницы. Он наследует диалог и диалог cq:. Это, скорее всего, решит проблемы editor.html и свойств страницы. Надеюсь, он решает!

Смежные вопросы