Я пытаюсь вызвать javascript из столбца ссылок, который откроет встроенное всплывающее окно, установив целевой URL-адрес для этого столбца:
javascript:$s("P3_ITEM","#COLUMN1#");openModal("MY_INLINE_POPUP");
и я получаю сообщение об ошибке javascript: Uncaught Error: cannot call methods on dialog prior to initialization; attempted to call method 'open'. Что я делаю неправильно?
Эта ошибка возникает, когда вы не устанавливаете шаблон региона, который вы пытаетесь вызвать, как модальный / встроенный диалог.
Вам необходимо изменить шаблон вашего региона «MY_INLINE_POPUP» на встроенный диалог, и вы можете сделать это, перейдя в «Настройки региона» -> «Внешний вид» -> «Шаблон», а затем выберите «Встроенный диалог» ...
Еще один совет: при создании встроенного диалога вам также необходимо позаботиться о еще одной настройке региона, то есть о макете региона. Внутри макета региона позиция должна быть встроенными диалогами.
если вы хотите открыть всплывающую область, используйте это:
$("#POPUP_REGION_ID).popup("open");
Мне не удалось воспроизвести проблему с помощью шаблона встроенного диалогового окна, однако я получил ошибку с шаблоном встроенного всплывающего окна. Вот несколько шагов, которые помогут решить проблему с любым шаблоном ...
Перейдите к apex.oracle.com/ut> Справка> Конструктор кнопок. Используйте конструктор кнопок, чтобы создать кнопку, которая вам нравится, вы даже можете стилизовать ее как ссылку, если хотите, чтобы она выглядела поверх кнопки. Скопируйте HTML-код в поле Вся разметка и вставьте его в поле Выражение HTML столбца. Вот пример:
<button type="button" class="t-Button t-Button--link">My Button</button>
Добавьте две вещи в разметку из предыдущего шага: 1) любые значения столбцов, необходимые в качестве атрибутов «data-» и 2) класс для нацеливания в динамическом действии (я буду использовать my-custom-class). Например, вам нужно значение из COLUMN1, поэтому после него оно будет выглядеть так:
<button type="button" data-column1="#COLUMN1#" class="t-Button t-Button--link my-custom-class">My Button</button>
Создайте новое динамическое действие. Для динамического действия установите Событие на Клик, Тип выбора на jQuery Selector, jQuery Selector < / strong> на .my-custom-class (из HTML-кода выше) и Область события на Динамический (чтобы все работало, если отчет обновляется). Для действия, созданного по умолчанию, установите для Тип значение Выполнить код JavaScript. Введите следующий код в поле Код:
$button = $(this.triggeringElement);
$s('P3_ITEM', $button.data('column1'));
Это перенесет значение столбца в элемент, как вы это делали.
Добавьте к динамическому действию дополнительное действие. Установите для Тип значение Открытая область, а затем выберите нужную область для открытия.
Это должно сработать. Я нигде не мог найти задокументированную функцию openModal. Его больше нельзя поддерживать. Динамические действия Открыть область и Закрыть область, вероятно, сейчас являются лучшим выбором. Можно было бы использовать API диалога jQuery UI, но я бы не советовал этого делать.
Для получения дополнительной информации ознакомьтесь с этим сообщением в блоге Джона Снайдера: https://hardlikesoftware.com/weblog/2019/12/23/all-the-things-that-pop-up/ Там есть демонстрационное приложение, которое вы можете скачать и изучить.
