Диалоговое окно (диалоговое окно) - это специальное окно (окно), которое можно включить в панель инструментов в верхней части и кнопки внизу. По умолчанию диалоговое окно (диалоговое окно) не может изменить размер, но пользователь может установить изменяемое свойство на True, чтобы он мог изменить размер.
Это диалоговое окно.
Easyui имеет два способа создания:
Первый: создать через существующие теги элемента узла DOM
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> unt title document </title> <! type = "text/javascript" src = "jquery.min.js"> </script> <!-Import EdySe Core JS-файл-> <script type = "text/javascript" src = "jQuery.easyui.min.js"> </script> <!-import js-файл-> <> <script type = "jsavaScript> </script> <!-import js-файл-> <script type =" text/javaScript? src = "locale/easyui-lang-zh_cn.js"> </script> <!-import css-> <!-Импорт файла CSS по умолчанию Import Easy rel = "styleSheet" href = "themes/icon.css"/> </head> <body> <div id = "dd" data-options = "iconcls: 'icon-save', stryizable: true, modal: true"> smoad content </div> </body> </html>
Второй тип: Динамически создавать диалоговые окны через JS
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> unt title document </title> <! type = "text/javascript" src = "jquery.min.js"> </script> <!-Import EdySe Core JS-файл-> <script type = "text/javascript" src = "jQuery.easyui.min.js"> </script> <!-import js-файл-> <> <script type = "jsavaScript> </script> <!-import js-файл-> <script type =" text/javaScript? src = "locale/easyui-lang-zh_cn.js"> </script> <!-import css-> <!-Импорт файла CSS по умолчанию Import Easy rel = "styleSheet" href = "themes/icon.css"/> </head> <body> <!-<div id = "dd" data-options = "iconcls: 'icon-save', reledizable: true, modal: true"> быстрое содержание </div>-> <div = "dd"> Dialog Content </div> </div> type = "text/javascript"> $ ("#dd"). Dialog ({заголовок: 'my dialog', // counlasse: true: true, // это складываемое минимизируемое: true, // минимизировать кнопку максимизируемой: true, // majectize clothing resizable: true, // будь то изменение размера окна: 400, высота: 200, закрыто: false, cace: }); </script> </body> </html>Выше приведены два способа создания диалогового окна в EasyUI, представленном вам. Я надеюсь, что это будет полезно для вас. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит вам вовремя. Большое спасибо за вашу поддержку сайту wulin.com!