wiki:bootstrap:ax5

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- wiki:bootstrap:ax5 [2020/09/03 08:59]
hylee
+++ wiki:bootstrap:ax5 [2023/01/13 18:44] (현재)
@@ 줄 1: / 줄 1: @@
-===== AX5 =====
+===== AX5UI =====
+<WRAP left notice 80%>
+  * description : AX5UI 관련 자료
+  * author      : 도봉산핵주먹
+  * email       : hylee@repia.com
+  * lastupdate  : 2020-09-03
+</WRAP>
+<WRAP clear/>
 \\
+==== 공통 Haeder ====
+<code javascript>
+<link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/ax5ui/ax5ui-dialog/master/dist/ax5dialog.css" />
+<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
+<script type="text/javascript" src="https://cdn.rawgit.com/ax5ui/ax5core/master/dist/ax5core.min.js"></script>
+</code>
+==== Ref ====
+[[http://guide.ax5.io/step-01/ax5ui-at-server.html|AX5UI-at-server]] \\
+[[http://guide.ax5.io/step-01/ax5ui-at-local.html|AX5UI-at-local]]
+\\
 ===== ax5ui-mask =====
 레이어로 화면을 마스킹 할 수 있는 컴포넌트입니다. 주로 특정 작업 처리중 화면에 Action 을 할 수 없도록 막는 용도로 사용됩니다.
@@ 줄 9: / 줄 28: @@
 \\
 ===== ax5ui-dialog =====
-레이어로된 alert, confirm, prompt 윈도우를 띄울 수 있습니다.
+레이어로된 alert, confirm, prompt 윈도우를 띄울 수 있습니다.\\
+\\
+==== Header 선언 ====
+<code javascript>
+<script type="text/javascript" src="https://cdn.rawgit.com/ax5ui/ax5ui-dialog/master/dist/ax5dialog.min.js"></script>
+</code>
+==== dialog alert 사용하기 ====
+<code javascript>
+<script type="text/javascript">
+        var myDialog = new ax5.ui.dialog();
+        $(document.body).on("click", '[data-btn="alert"]', function() {
+                myDialog.alert("Alert message!");
+        });
+</script>
+</code>
+<code html>
+<button class="btn btn-defalt" data-btn="alert">Alert</button>
+</code>
 \\
+==== 자료 ====
+AX5UI공식 github 자료 받아서 include 수정하여 작동되게 만들었습니다.\\
+다운받아서 test/index.html 실행시켜서 확인하시면 됩니다.
+  * {{ :wiki:bootstrap:ax5ui:ax5ui-dialog-master.zip | ax5ui-dialog-master.zip }}
+\\
+==== Ref ====
+[[http://ax5.io/ax5ui-dialog/demo/index.html|ax5ui-dialog]]
+\\
 ===== ax5ui-toast =====
 임시 메시지 레이어를 띄어 줍니다.
@@ 줄 75: / 줄 127: @@
 \\
+===== Ref =====
+  * [[https://ax5.io/|ax5ui]]
+{{tag>AX5UI 도봉산핵주먹}}

/var/services/web/dokuwiki/data/attic/wiki/bootstrap/ax5.1599091188.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)