Разработчикам

Форум

Компонент в модальном окне, Исполнение скриптов компонента после вывода в модальное окно.

Постоянный посетитель

Сообщений: 124 Баллов: 19 Регистрация: 04.04.2012

murad30

04.11.2014 14:44:59

Всем привет.
Полазил по форумам, но не нашел подходящего решения, и я не думал что убью столько времени на освоение модальные окна bitrix.
Вот решил избавиться от сторонней библиотеки типа fancybox и думал использовать стандартный функционал вызова модальных окон.

Перейду к сути задачи.
Имеется компонент отображения списка новостей.http://i.imgur.com/SeJVSHG.png . Шаблон компонента - http://i.imgur.com/sNcZapO.png
При клике на текст новости всплывает новость в модальном окне.
Вот скрин кода который вызывает модальное окно - http://i.imgur.com/XUNxz2g.png
Файл в котором находиться компонент вывода в модальное окно - http://i.imgur.com/Vx8guSf.png
Все вроде бы не плохо, но вот скрипты находившиеся в файле js не срабатывают ., хотя скрипт который находиться в шаблоне компонента который вызываеться в модальном. срабатывает - http://i.imgur.com/RZy9diQ.png.

Пробовал сделать и так - http://i.imgur.com/loTTeAs.png

Пробовал подключать скрипты в шаблоне обеих компонентов типа

Код

CJSCore::RegisterExt("lib_summernote_edit", Array(
    "js" =>    array('/local/templates/9masters/summernote/summernote.js',
        '/local/templates/9masters/summernote/lang/summernote-'.$lang_wisywig.'.js',
        '/local/components/9_masters/9m.news.list/templates/news_list/script.js',
        '/local/components/9_masters/9m.news.list/templates/news_list/dop_script.js',
        '/local/templates/9masters/js/bootstrap-tab.js',
        '/local/components/9_masters/9m.comments.list/templates/list/script.js',
        '/local/components/9_masters/9m.rating/templates/.default/script.js'
    ),
    "css" =>   array('/local/templates/9masters/summernote/summernote.css',
        '/local/templates/9masters/summernote/font-awesome.min.css',
        '/local/components/9_masters/9m.editor/templates/.default/style.css',
        '/local/components/9_masters/9m.comments.list/templates/list/style.css',
        '/local/components/9_masters/9m.comments.add/templates/add.comment.result/style.css',
        '/local/components/9_masters/9m.comments.add/templates/reply_comment/style.css',
        '/local/components/9_masters/9m.rating/templates/.default/style.css',
    ),
));

CJSCore::Init(array("ajax","jquery","lib_summernote_edit");?>

Но без результата.
Подскажите пожалуйста, где я ошибся, и чего не так.
Буду благодарен за любую помощь.
Заранее спасибо!

murad30

Пользователь 133595 Постоянный посетитель Сообщений: 94 Баллов: 15 Регистрация: 04.07.2012	#2 0 05.11.2014 08:47:38 Попробуйте скрипты поместить в component_epilog.php (CJSCore::RegisterEx... и CJSCore::Init в tempalte.php могут работать неправильно из-за кэширования) Наверно скрипты через AJAX не возвращает, т.к. dataType: 'html',

Пользователь 113711

Постоянный посетитель

Сообщений: 124 Баллов: 19 Регистрация: 04.04.2012

murad30

05.11.2014 10:50:48

Цитата
Сергей Абрамовских написал: Попробуйте скрипты поместить в component_epilog.php (CJSCore::RegisterEx... и CJSCore::Init в tempalte.php могут работать неправильно из-за кэширования) Наверно скрипты через AJAX не возвращает, т.к. dataType: 'html',

Но увы этот вариант не прокатил.
Неужели нет решения данной проблемы.
Уже какой день убил пытаясь найти решение.

murad30

Пользователь 163747 Постоянный посетитель Сообщений: 136 Баллов: 10 Регистрация: 04.02.2013	#4 0 05.11.2014 11:25:51 Ах да, тоже сталкивались с таким, скрипт из script.js компонента не подключается? Мы решали проблему тем, что скрипты из компонента из script.js переносили в шаблон компонента, так он отрабатывает

Пользователь 113711

Постоянный посетитель

Сообщений: 124 Баллов: 19 Регистрация: 04.04.2012

murad30

05.11.2014 12:14:09

Цитата
Дмитрий Скуднов написал: Ах да, тоже сталкивались с таким, скрипт из script.js компонента не подключается? Мы решали проблему тем, что скрипты из компонента из script.js переносили в шаблон компонента, так он отрабатывает

А Скрипты ведь находятся в шаблоне компонента. http://i.imgur.com/JoIm6oW.png
модальное окно вызывается из шаблон компонента news_list и вызывает шаблон компонента modal.
Я пробовал копировать сами скрипты в шаблон компонента который вызываеться - http://i.imgur.com/nl7C27T.png
Но все равно не хочет работать.
Или я Вас не правильно понял.

murad30

Пользователь 113711

Постоянный посетитель

Сообщений: 124 Баллов: 19 Регистрация: 04.04.2012

murad30

05.11.2014 17:27:45

Цитата
Дмитрий Скуднов написал: Ах да, тоже сталкивались с таким, скрипт из script.js компонента не подключается? Мы решали проблему тем, что скрипты из компонента из script.js переносили в шаблон компонента, так он отрабатывает

Создал для отладки пустой компонент с двумя шаблонами. - http://i.imgur.com/dMBFGqt.png

Script.js закинул в корень компонентf 9m.test - http://i.imgur.com/rGL7AAS.png . Подключил в шаблону компонента modal.
Содержимое шаблона modal - http://i.imgur.com/ERwLxdl.png
Содержимое шаблона .default :
- templates.php http://i.imgur.com/lvaSiAJ.png
- script.js - http://i.imgur.com/quSR5Zb.png
- ajax.php - http://i.imgur.com/A2pVqjn.png

Все равно не хочет исполнять скрипты, хотя в консоли есть вывод из файла Script.js находящийся в корне компонента.
http://i.imgur.com/Ho3Tmzt.png

murad30

Пользователь 113711 Постоянный посетитель Сообщений: 124 Баллов: 19 Регистрация: 04.04.2012 murad30	#7 0 05.11.2014 17:42:58 Кажется понял в чем косяк - http://i.imgur.com/qhBcW4v.png У меня компонент вызывается в модальном окне, а там нет $(document). а у меня события выполнены $(document).delegate('#class#',''click',function(){}(); http://i.imgur.com/ffUwxo8.png murad30

Пользователь 113711

Постоянный посетитель

Сообщений: 124 Баллов: 19 Регистрация: 04.04.2012

murad30

05.11.2014 18:07:57

Цитата
Мурад Алиев написал: Кажется понял в чем косяк - http://i.imgur.com/qhBcW4v.png У меня компонент вызывается в модальном окне, а там нет $(document). а у меня события выполнены $(document).delegate('#class#',''click',function(){}(); http://i.imgur.com/ffUwxo8.png

Все равно это не решает проблему.
Заменил в всоих скриптах $(document) на название родительского класса где находиться весь DOM http://i.imgur.com/W8VeWZw.png -вот сам HTML - http://i.imgur.com/MroxwJI.png

Может быть дело в .delegate ? т.к вот это http://i.imgur.com/PoDc0J5.png срабатывает.

murad30

Пользователь 113711

Постоянный посетитель

Сообщений: 124 Баллов: 19 Регистрация: 04.04.2012

murad30

07.11.2014 00:40:52

Думал все,наконец разобрался с проблемой, но не тут то было, столкнулся с очередной делемой.
В первый раз BX.ajax.loadScriptAjax грузит все надо, но вот при повторном выводе окна, ничего не происходит.
В чем прикол, не пойму.
Тот же результат применяя метод BX.ajax.load

Пробовал обернуть метод вывода окна с ajax обернуть в функция и передать в качестве колбек.

Код

$var getNewsModal = function(option,_url_,current_path){

        var option = {
            action:"getNewsModal",
            user_id:id_user,
        };
        var oPopup = new BX.PopupWindow('modal_it_news', window.body, {
            autoHide : true,
            closeIcon : true,
            closeByEsc : true,
            overlay: {
                backgroundColor: '#ddd', opacity: '80'
            },
            events:{
                onPopupClose : function(popupWindow){
                    history.replaceState(null, null, current_path);
                    popupWindow.destroy();
                }
            }
        });
        BX.showWait();
        BX.ajax({
            url: '/local/components/9_masters/9m.news.list/templates/news_list/ajax.php',
            method: 'POST',
            data:option,
            dataType: 'html',
            processData: true,
            scriptsRunFirst: true,
            emulateOnload: true,
            start: true,
            cache: false,
            onsuccess: function(data){
                history.replaceState(null, null, _url_);
                oPopup.setContent(data);
                oPopup.show();
                BX.closeWait();
            }
        });


BX.ajax.loadScriptAjax([
                    '/local/templates/9masters/summernote/summernote.js',
                    '/local/templates/9masters/summernote/lang/summernote-en-US.js',
                    '/local/components/9_masters/9m.news.list/script.js',
                    '/local/components/9_masters/9m.comments.list/script.js',
                    '/local/components/9_masters/9m.rating/script.js'
                ],getNewsModal(option,_url_,current_path));

Делал так же вариантом то что ниже, но все без результата. Проблема в методе BX.ajax.loadScriptAjax ? или все таки чего то не учел.

Код

 $('.bl_all_list_services').delegate(".bl_content .description",'click',function(){
        console.log('click .description');
        var option = {
            action:"getNewsModal",
            user_id:id_user,
        };
        var oPopup = new BX.PopupWindow('modal_it_news', window.body, {
            autoHide : true,
            closeIcon : true,
            closeByEsc : true,
            overlay: {
                backgroundColor: '#ddd', opacity: '80'
            },
            events:{
                onPopupClose : function(popupWindow){
                    history.replaceState(null, null, current_path);
                    popupWindow.destroy();
                }
            }
        });
        BX.showWait();
        BX.ajax({
            url: '/local/components/9_masters/9m.news.list/templates/news_list/ajax.php',
            method: 'POST',
            data:option,
            dataType: 'html',
            processData: true,
            scriptsRunFirst: true,
            emulateOnload: true,
            start: true,
            cache: false,
            onsuccess: function(data){
                history.replaceState(null, null, _url_);
                oPopup.setContent(data);
                oPopup.show();
                BX.ajax.loadScriptAjax([
                    '/local/templates/9masters/summernote/summernote.js',
                    '/local/templates/9masters/summernote/lang/summernote-en-US.js',
                    '/local/components/9_masters/9m.news.list/script.js',
                    '/local/components/9_masters/9m.comments.list/script.js',
                    '/local/components/9_masters/9m.rating/script.js'
                ]);
                BX.closeWait();
            }
        });
    });

murad30

Форум

Центр поддержки

Продукты

Управление сайтом

Битрикс24

Интернет-магазин + CRM

Решения

Для интернет-магазинов

Каталог готовых решений

Внедрение

Выбрать партнера

Проверить партнера

Стать партнером