Не подгружаются стили и скрипты в слайдере Битрикс?

Question

[Роман]

Добрый день!

Нужно открывать страницу в слайдере Sidepanel, использую для этой цели BX.SidePanel.Instance.open(params). На целевой странице лежит компонент, использующий гриды.

Обратил внимание, что в слайдере не загружаются ни стили, ни скрипты.
Bitrix\Main\Page\Asset тоже не помогает.

Более того, стили/скрипты шаблона компонента тоже не грузятся, если их тупо не добавлять на страницу тегами style и script.

Подскажите, есть ли способ устранить эту проблему?

Comments

[PetrPo]

Ajax-ом грузится компонент?

[Роман]

PetrPo, BX.ajax.runComponentAction?

[PetrPo]

Роман Гонюков, что BX.ajax.runComponentAction?
Вот где ты пробовал подключать скрипты через Bitrix\Main\Page\Asset
Напиши
$APPLICATION->ShowAjaxHead();

[Роман]

Не работает.

Если подключаю на странице с компонентом, то просто ничего не меняется, если в шаблоне компонента, то зависает, и всё

[PetrPo]

Роман Гонюков, ну да я тупанул, не вник про BX.SidePanel.Instance, не знаю я сейчас попробовал с компонентом news и скрипты и стили загрузились, h1 для примера покрасил в красный

[Роман]

PetrPo, а где подключал - на странице вывода компонента или в шаблоне?

Можешь код показать?

[PetrPo]

Роман Гонюков, в шаблоне, создал файл style.css и написал стиль для h1

[PetrPo]

Проверил на простом компоненте news.list тоже работает, покрасил в зелёный

[Роман]

PetrPo, всё равно не грузится, зависает



Пробовал и на целевой странице (которая в слайдере открывается), и в шаблоне компонента - результат тот же

Код на странице вывода (которая в слайдере открывается):

require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");

use Bitrix\Main\Context;
use Bitrix\Main\UI\Extension;
use Bitrix\Main\Page\Asset;

$APPLICATION->ShowAjaxHead();

Extension::load('ui.vue');

$request = Context::getCurrent()->getRequest();

$userId = (int)$request['user'];
$pageTitle = $request['title'];

$componentParams = [
	'USER_ID' => $userId,
	'TEMPLATE' => $request['template'],
	'PAGE_TITLE' => $title
];

$APPLICATION->SetTitle($pageTitle);

$APPLICATION->IncludeComponent('ramapriya:user.metrics', '', $componentParams);

require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");

Код шаблона компонента:

use Bitrix\Main\Localization\Loc;
// $APPLICATION->ShowAjaxHead();

Loc::loadMessages(__FILE__); ?>
<div id="app-metrics" class="container-fluid m-1">
    <h1><?=$arParams['PAGE_TITLE']?></h1>
</div>

[PetrPo]

Роман Гонюков, не, вот это не надо
$APPLICATION->ShowAjaxHead();
Я не правильно понял сначала

[Роман]

PetrPo, никак не помогает. Если на странице шаблона стили и скрипты подключаю - то работает. Если в style.css и script.js - не работает. Причём результат один и тот же и с функцией $APPLICATION->RestartBuffer() и без неё

PS: Забыл упомянуть, что я пытаюсь реализовать данную тему в коробке Битрикс24, а не БУСе

Answer 1

[Андрей Николаев]

Для вывода своего компонента используйте bitrix:ui.sidepanel.wrapper

Ваша ошибка следует из того, что вы не знаете как именно работает слайдер в режите iframe