Как определить событие JS b и решить ошибку Uncaught Error: The toolbar instance with the same 'id' already exists?

Question

[kostush]

День добрый. Подскажите, плиз, как решить .
При обновлении коробки изменился интерфейс коммерческого предложения ( стал как для сделок и лидов).
В старом интерфейсе был добавлен таб, который открывал грид из кастомного модуля с выводом данных из БД.
После обновления мы добавили файл result_modifier.php в темплейт crm.entity.details немного видоизменив из предыдущего итерфейса. Нужные табы добавились
При клике по табу грид с данными открывается, но возникла проблема следующего рода.
При клике на шестеренку настройки "вид грида" и выборе дополнительных колонок, после сохранения получаем на экране пустой грид и в консоли ошибку

script.js?16424091709846:20 Uncaught Error: The toolbar instance with the same 'id' already exists.
at Object.create (script.js?16424091709846:20:11)
at :534:23
at Function.BX.evalGlobal (core.js:2096:1)
at inlineScripts (core_ajax.js:522:1)
at core_ajax.js:527:1
at core.js:2488:1
at load (core.js:2562:1)
at loadAsync (core.js:2483:1)
at Function.BX.load (core.js:2409:1)
at Function.BX.ajax.processScripts (core_ajax.js:526:1)
Не могу найти - где мы передаем неверный id или не определяем его , что такое происходит
Как разобраться ? Спасибо

Answer 1

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

После обновления мы добавили файл result_modifier.php в темплейт crm.entity.details немного видоизменив из предыдущего итерфейса. Нужные табы добавились

Этот компонент больше не нужно модифицировать.
Вкладки можно добавлять на событии: https://dev.1c-bitrix.ru/api_d7/bitrix/crm/systemc...
Это наиболее превильный путь

При клике по табу грид с данными открывается, но возникла проблема следующего рода.

Все верно - просто способ который раньше использовали не подходит для новой карточки.

Начнем с того что вы поймете как работает новая карточка. Когда пользователь открывает детальную страницу, открывается карточка, но физически загружаются только 3 части: первая страница, страница товаров и общий макет, который является обработчиком вкладок. Когда вы нажимаете на вкладку происходит запрос который подгружает данные этой вкладки на страницу и отображает ее пользователю.
Если вы в своем компоненте обрабатывается POST-запрос, например форму, то сделав отправку вы обнаружите что ваш компонент не загружен (и как следствие не обработал POST-запрос), а вам выводится первая страница.

Теперь про работу грида.
Для того чтобы принемить настройки, грид использует POST-запрос. Если параметры куда нужно отправлять POST запрос не переданы, то этот запрос будет направлен на ту же страницу, которая сейчас открыта. Т.е. понимаете, что вы не передали url, соответственно у вас происходит ситуация выше - отправляется POST запрос на страницу, где вашего компонента с гридом нет. Отсюда он не может получить ответ и его поведение такое какое вы видите.

Как это счастье побороть?

1. Создать физическую страницу, на которой разместите компонент.
2. На этой странице у компонента грида задайте параметры OPTIONS_HANDLER_URL и BACKEND_URL
3. Используйте события, чтобы добавить страницу из п.1 в таб.

Comments

[Данис Зарипов]

Андрей,
Вот этот момент не понятен.

Теперь про работу грида.
Для того чтобы принемить настройки, грид использует POST-запрос. Если параметры куда нужно отправлять POST запрос не переданы, то этот запрос будет направлен на ту же страницу, которая сейчас открыта. Т.е. понимаете, что вы не передали url, соответственно у вас происходит ситуация выше - отправляется POST запрос на страницу, где вашего компонента с гридом нет. Отсюда он не может получить ответ и его поведение такое какое вы видите.

Я на странице разместил форму, которая в POST отправляет данные для формирования массива, передаваемого в ROW Грида. То есть на странице у меня POST обрабатывается. Получается если верить написанному выше, при смене числа строк GRID запрос должен обратиться по тому же адресу и передать параметры в POST.

Но такого не происходит, вот пример.


Добавление параметров OPTIONS_HANDLER_URL и BACKEND_URL так же не меняет картины.

А так, если выбрать в форме параметры то грид заполняется как надо без ошибок.

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

Нужны примеры кода страницы, абстрактно сказать не просто.

[topybolot]

Удалось решить проблему? Тоже грид в табе отказывается нормально обновляться
Пытался воспользоваться советом выше, но как я понимаю, компонент грида игнорирует заданные параметры OPTIONS_HANDLER_URL и BACKEND_URL. Решил проверить что там по дефолту (при просмотре как в табе, так и на отдельной странице):
[BACKEND_URL] => /local/custom_tabs/smart_pr_zayavki_2.php?by=COMMENT&order=asc&page=2 [страница, где выводится компонента грида]
Но при вызове reloadTable запрос уходит все-ровно на текущую страницу элемента, где открыт таб ((

[topybolot]

Свою проблему удалось решить (при добавлении строк вызывалась функция обновления таблицы, которая, в случае вывода грида в табе, просто убивала содержимое текущей таблицы и не вносила актуальные данные. Причины верно расписаны Андрей Николаев выше)

В функцию обновления грида добавил правку параметра baseUrl, где указал адрес страницы, где выводится компонент грида:

function reload_table() {
    let reloadParams = { apply_filter: 'Y', clear_nav: 'Y'};
    let gridObject = BX.Main.gridManager.getById('table_reys2'); // Идентификатор грида

    if (gridObject.hasOwnProperty('instance')){
        gridObject.instance.baseUrl = '/local/custom_tabs/smart_pr_zayavki_2.php';  
        gridObject.instance.reloadTable('POST', reloadParams);
    }

ps
для решения проблемы как у ТС, добавил следующий обработчик события
BX.addCustomEvent(window, 'BX.Grid.SettingsWindow:show', (source) =>

{
     gridObject = BX.Main.gridManager.getById('table_reys2'); // Идентификатор грида
     gridObject.instance.baseUrl = '/local/custom_tabs/smart_pr_zayavki_2.php'
});

Answer 2

[Артём Блинков]

Добавьте в грид:
'AJAX_MODE' => 'Y'