$ ('# dlg'). dialog ('close') не работает с простой страницей JSP - PullRequest
Новая
       29

$ ('# dlg'). dialog ('close') не работает с простой страницей JSP

1 голос
/ 29 марта 2019

$('#dlg').dialog('close') не активируется при нажатии кнопки сохранения. Ответ на StackOverflow связан с iframe. Это не работает в моем случае. 

<div id="dlg" class="easyui-dialog" title="Complex Toolbar on Dialog" style="width: 400px; height: 200px; padding: 10px" data-options="iconCls: 'icon-save', buttons: '#dlg-buttons'">
  The dialog content.
</div>
<div id="dlg-buttons">
  <a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:alert('save')">Save</a>
  <a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:$('#dlg').dialog('close')">Close</a>
</div>

При нажатии кнопки закрытия диалоговое окно должно закрываться.

1 Ответ

0 голосов
/ 29 марта 2019

Если вы проверите консоль, у вас должна появиться какая-то ошибка, например " не может вызвать методы в диалоговом окне до инициализации; попытка вызвать метод" close ""

Простое исправление для этого: 

$('#dlg').dialog().dialog('close');

Демо-версия: 

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<div id="dlg" class="easyui-dialog" title="Complex Toolbar on Dialog" style="width: 400px; height: 200px; padding: 10px" data-options="iconCls: 'icon-save', buttons: '#dlg-buttons'">
  The dialog content.
</div>
<div id="dlg-buttons">
  <a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:alert('save')">Save</a>
  <a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:$('#dlg').dialog().dialog('close');">Close</a>
</div>
...