Битрикс почему не под админом ломается форма комментариев?

Question

[Айнур Валиев]

Под админом все работает, стоит выйти - ошибка в консоли
TypeError: BX.viewElementBind is not a function at HTMLDocument.
TypeError: window.BXEditor is not a constructor
Это для компонентов forum.topic.reviews (комментарии к товару) и вложенного в него bitrix:main.post.form (тот самый визивиг редактор, к-й выдает ошибку).

С вложенными компонентами в карточке уже была проблема со скриптами и стилями, решилось добавлением параметра $component в IncludeComponent(). Но здесь другое.

Answer 1

[Александр Филиппенко]

Если компонент подключается внутри кешируемой области другого компонента, его стили и скрипты не подключатся. При отключенном кеше работает?

Comments

[Айнур Валиев]

да, отключил кеш, в т.ч. композит - работает. Но это не решение.
Пробовал принудительно подключать стили-скрипты в component_epilog - не работает.

[Александр Филиппенко]

Айнур Валиев, значит надо вынести как-то компонент комментариев (куда именно зависит от дизайна и от текущей структуры проекта).
Или подключить принудительно его JS.
Вообще $component в IncludeComponent(). должен помогать в таких случаях. Может где-то не хватает в цепочке вызовов?

[Айнур Валиев]

Александр Филиппенко, просто там 3 уровеня вложенности
1.bitrix:catalog.element
2. nmsp:reviews.list (кастомный, вывожу отзывы)
3. bitrix:forum.topic.reviews (комменты к отзывам)
может структура папок не та? битрикс же любит матрешки - внутри компонента еще компонент. А у меня все в отд. папках лежат. Не по аналогии комплексного.

[Александр Филиппенко]

Айнур Валиев, и в каждом $component передаётся при вызове?

[Айнур Валиев]

Александр Филиппенко, да. для bitrix:forum.interface не было - добавил, без результатно.
В component_epilog добавил

use \Bitrix\Main\Page\Asset;
        Asset::getInstance()->addJs($templateFolder.'/script.js');
                Asset::getInstance()->addCss($templateFolder.'/style.css');

тоже ноль эффекта.

[Айнур Валиев]

Александр Филиппенко, похоже проблема решилась вынесением вложенных компонентов на один уровень с catalog.element . Спасибо за помощь!

[Александр Филиппенко]

Айнур Валиев, component_epilog не вызвался так как самого вызова вложенного компонента не было. Есть такое. ТП говорит что не баг, а фича.

[Айнур Валиев]

Александр Филиппенко, как не было - форма то выводилась. скрипты не подгружались.

[Александр Филиппенко]

Айнур Валиев, ну правильно. Он один раз отработал, вывод записался в кеш среднего компонента этой цепочки, и при последующих обращениях nmsp:reviews.list вместо того чтобы подключать шаблон, находить там вызов компонента bitrix:forum.topic.reviews, и обрабатывать его, тупо брал кусок html из кеша и отдавал.

[Александр]

Айнур Валиев, здравствуйте!
Бьюсь с этой же задачей уже неделю. Прошу помощи.

В комплексном компоненте catalog менял шаблон компонента catalog.element, где вызываю компонент forum.topic.reviews с указанием на $component. При отключенном автокешировании всё работает как надо, при включенном, получаю ошибку "BX.viewElementBind is not a function"

Вы пишете

проблема решилась вынесением вложенных компонентов на один уровень с catalog.element

.

Пожалуйста, поясните подробнее, какие именно компоненты/шаблоны и куда выносили.

С уважением,
Александр.

[Александр Филиппенко]

Александр, вывод компонента catalog.element кешируется целиком, соответственно, подключённые в его шаблоне компоненты не будут вызваны и их код не выполнится.
Если отзывы в самом низу шаблона, их нужно вынести в element.php комплексного компонента catalog. Тогда они обработаются отдельно от catalog.element, и код подключения скриптов выполнится.

[Александр]

Добрый день, Александр!

Спасибо за ответ!

Я вас понял. Вы предлагаете менять компонент. Я не настолько компетентен в PHP и Битриксе, чтобы делать это уверенно, поэтому все кастомизации делаю в шаблонах. Кроме того, мне важно развитие компонент, а кастомизированные компоненты не обновляются.

Исхожу из статей:
https://dev.1c-bitrix.ru/community/blogs/howto/1786.php
и https://dev.1c-bitrix.ru/community/blogs/vad/1820.php, где чёрным по белому написано, что

теперь в закешированном компоненте можно исполнять код в шаблоне. Кроме того, стили дочернего компонента подключаются автоматически

(через $component)

На ваш взгляд, есть решение задачи без изменения компонента?

С уважением,
Александр.

[Александр Филиппенко]

Александр, нет, я не предлагаю менять компонент, только шаблоны. Кусок кода с вызовом forum.topic.reviews (о нём же речь?) вырезать из template.php компонента catalog.element, и.вставить в element.php комплексного компонента catalog.
А статьи 2010 года, я не знаю как сейчас, но проблема точно была актуальная в 2018.
Точнее так: стили и скрипты дочернего компонента действительно подключаются, но только на 1 уровень вглубь. А нужно на 2. Собственно суть решения в том, чтобы подключать 2 компонента на 1 уровене вложенности.

[Александр Филиппенко]

ну или попробуйте в вызове компонента добавить $component 4-м параметром, 2-я статья об этом, но кажется оно не работало дальше 2-го уровня

[Александр]

Александр, $component добавлял 4-м параметром, не помогло.

Если возможно, поясните, пожалуйста, в двух словах как используется шаблон element.php внутри комплексного компонента catalog, если вся разметка страницы хранится в шаблоне template.php компонента catalog.element? Я не понимаю, куда в element.php мне вставить вызов forum.topic.reviews, если вся разметка для него находится template.php

[Александр Филиппенко]

Александр, у вас есть страница где подключен комплексный компонент. Если запрос в соответствии с правилами роутинга попадает на эту страницу, и определяется как детальная страница товара, то используется файл element.php из шаблона комплексного компонента. А в нём уже подключается catalog.element. Там может быть ещё какая-то разметка, может не быть, но нужно вставить подключение проблемного компонента туда.

[Александр]

Александр, большое спасибо!!!

Ваш способ работает, при кешировании ошибок нет.

Теперь, если позволите, вопрос, как вставить компонент forum.topic.reviews в element.php (компонент catalog) так, чтобы результат его вызова попал в нужное место шаблона template.php (компонент catalog.element)?

[Александр Филиппенко]

Александр, вообще для этого есть отложенный вывод https://dev.1c-bitrix.ru/api_help/main/reference/c...
Но с кешем оно тоже не работает)
Мне подошло, потому что у меня отзывы были в самом конце шаблона по дизайну.
Возможно у вас получится перетасовать вёрстку так, чтобы из element.php собирался нужный html в нужном порядке.

[Александр]

Александр, понял вас.

Большое спасибо за подробные объяснения, вы очень помогли!

У меня вёрстка с вкладками (tabs) на основе шаблона bootstrap_v4, отзывы на одной из вкладок.

В общем пока я придумал костыль - вызывать forum.topic.reviews два раза, но результат первого вызова из element.php прятать в комментарии HTML, а второй вызов из template.php помещать в нужно место шаблона.

Понимаю, что не оптимально (хотя сжатие html при повторе фрагментов, полагаю уменьшит эту неоптимальность), но всё равно сильно быстрее, чем без кеширования вовсе.

С уважением,
Александр.

[Александр Филиппенко]

Александр, можно сделать ещё лучше, найти какой js файл не подключается с кешем, и подключить его где-то в другом месте, чтобы он точно был, по идее в element.php должно сработать. Тогда не будет двойного рендеринга компонентов, и двойных походов в базу при отсутствии кеша.

[Александр]

Александр, идея хорошая, пытался найти, но нашел только список js-файлов /bitrix/js/fileman/html_editor/html-XXX помимо скриптов компонента forum.topic.reviews, который, кстати, подключается и при кешировании. Но дело похоже не в них.

У меня подозрение, что недостаёт какого-то скрипта html-редактора, который включаются внутрь какого-нибудь условного core.js.

С уважением,
Александр.

[Айнур Валиев]

Александр, я js скриптом перемещал в нужный блок

[Александр]

Айнур Валиев, спасибо за идею!