대화 상자 (대화 상자)는 상단의 툴바에 포함될 수있는 특수 창 (창)과 하단의 버튼입니다. 기본적으로 대화 상자 (대화 상자)는 크기를 변경할 수 없지만 사용자는 크기를 변경할 수 있도록 RESIZABLE 속성을 true로 설정할 수 있습니다.
이것은 대화 상자입니다.
Easyui는 두 가지 방법을 만들 수 있습니다.
첫 번째 : 기존 DOM 노드 요소 태그를 통해 만듭니다
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w.w.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><Html xmlns = "http://www.w3.org/1999/xhtml"> <head> <head> <meta http-equiv = "content-type"content = "text/html; charset = utf-8"/<title> 제목이없는 문서 </title> <!-import js 파일->-jquery core js 파일-> <! 유형 = "text/javaScript"src = "jquery.min.js"> </script> <!-가져 오기 Easyi Core JS 파일-> <script type = "text/javaScript"src = "jQuery.easyui.min.js"> </script> <!-현지 언어의 가져 오기-> <text/javascript " src = "locale/easyui-lang-zh_cn.js"> </script> <!-가져 오기 CSS-> <!-Easyi의 기본 CSS 파일-> <링크 유형 = "text/css"rel = "Stylesheet"href = "eds/default/easyui.cs"/> <!-icon 's cs incss "" " Rel = "Stylesheet"href = "Themes/icon.css"/> </head> <body> <div id = "dd"data-options = "iconcls : 'icon-save', Resizedable : true : true"> 프롬프트 내용 </div> </body> </html>
두 번째 유형 : JS를 통해 대화 상자를 동적으로 만듭니다
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w.w.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><Html xmlns = "http://www.w3.org/1999/xhtml"> <head> <head> <meta http-equiv = "content-type"content = "text/html; charset = utf-8"/<title> 제목이없는 문서 </title> <!-import js 파일->-jquery core js 파일-> <! 유형 = "text/javaScript"src = "jquery.min.js"> </script> <!-가져 오기 Easyi Core JS 파일-> <script type = "text/javaScript"src = "jQuery.easyui.min.js"> </script> <!-현지 언어의 가져 오기-> <text/javascript " src = "locale/easyui-lang-zh_cn.js"> </script> <!-가져 오기 CSS-> <!-Easyi의 기본 CSS 파일-> <링크 유형 = "text/css"rel = "Stylesheet"href = "eds/default/easyui.cs"/> <!-icon 's cs incss "" " Rel = "Stylesheet"href = "Themes/Icon.css"/> </head> <body> <!-<div id = "dd"data-options = "iconcls : 'icon-save', true, modal : true"> Promptent </div>-> <div id = "dd"> divip <script type = "text/javaScript"> $ ( "#dd"). 대화 상자 ({제목 : '내 대화 상자', // 제목 붕괴 : // 접이식 최소화 가능 : true, // 최소화 가능한 버튼을 최소화 할 수 있습니다 : true, // 창 크기를 변경할 수 있는지, // 높이 : 200 : CACHE, CACHE, CACHE : CACHE : CACHE : CACHE : CACHE : CACHE : CACHE : CACHE : CACHE : CACHE : CACHE : 'beautiful.html',}); </script> </body> </html>위의 것은 EasyUi에서 대화 상자를 만드는 두 가지 방법입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!