Блог

Главная - Вопросы по программированию - Thymeleaf с iframe

Thymeleaf с iframe

#javascript #java #spring #thymeleaf

#javascript #ява #весна #thymeleaf #java

Вопрос:

У меня возникла проблема с использованием оператора переключения javascript с помощью Thymeleaf. Я искал повсюду, но не смог найти ни одного примера, так что, возможно, я просто не в курсе дизайна или понимания. Я пытаюсь использовать iframes, чтобы сохранить главный баннер в верхней части этого СПА-центра. Это не общедоступный веб-сайт, а довольно простое приложение. (Java / Spring/Thymeleaf).

Во всяком случае , учитывая:

 switch (event.target.id)
                {
                    case "dashtab":
                        $('.iframeContainer').height(1100);
                        $('#iframe').attr('src', 'Dashtab.html');
                        break;
                    case "detailtab":
                        $('.iframeContainer').height(800);
                        $('#iframe').attr('src', 'Details.html');
                        break;

Я пытаюсь вызвать отдельные HTML-страницы. Чтобы сделать это нормально (не в коммутаторе stmt) Я бы просто позвонил:

 <iframe id="iframe" th:replace="Orders::html"></iframe>

Есть какие-нибудь мысли относительно синтаксиса для этого? Ни одна из моих попыток использовать attr / src не работает. Я не смог найти примеры или документацию на обычных веб-сайтах.

Комментарии:

1. Не ясно, в чем именно ваша проблема. Фрагмент шаблона HTML — это именно то, что вы используете для рендеринга iframe? Предоставленный фрагмент JS-это то, что вы используете для переключения источника iframe внутри той же страницы?

2. Я также немного не понимаю проблему, которую вам нужно решить здесь (я также видел ваш комментарий в ответе)… Любые разъяснения, которые вы можете добавить к вопросу, были бы полезны, спасибо.

Ответ №1:

Дон, вы должны указать рабочий URL-адрес для атрибута источника iframe (src). Например, ссылка, подобная http://127.0.0.1:8080/Dashtab.html если ваши HTML-страницы обслуживаются и доступны по этому пути.

Комментарии:

1. Спасибо за комментарий. Приведенное выше работает отлично и является реальным примером кода. The Dashtab.html (с использованием spring) преобразуется в фактический внутренний URL. (Spring MVC). Мой вопрос заключается в том, как заставить thymeleaf выполнить вызов в соответствии с рабочим примером <iframe id=»iframe» th:replace=»Orders::html»></iframe>, которого НЕТ в случае stmt.