차이

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

--- wiki:bootstrap:ax5 [2020/09/03 08:55]
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>
-==== ax5ui-mask ====
+==== 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-dialog ====
+===== ax5ui-mask =====
+레이어로 화면을 마스킹 할 수 있는 컴포넌트입니다. 주로 특정 작업 처리중 화면에 Action 을 할 수 없도록 막는 용도로 사용됩니다.
 \\
-==== ax5ui-toast ====
+===== ax5ui-dialog =====
+레이어로된 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-modal ====
+==== 자료 ====
+AX5UI공식 github 자료 받아서 include 수정하여 작동되게 만들었습니다.\\
+다운받아서 test/index.html 실행시켜서 확인하시면 됩니다.
+  * {{ :wiki:bootstrap:ax5ui:ax5ui-dialog-master.zip | ax5ui-dialog-master.zip }}
 \\
-==== ax5ui-calendar ====
+==== Ref ====
+[[http://ax5.io/ax5ui-dialog/demo/index.html|ax5ui-dialog]]
 \\
-==== ax5ui-picker ====
+===== ax5ui-toast =====
+임시 메시지 레이어를 띄어 줍니다.
 \\
-==== ax5ui-formatter ====
+===== ax5ui-modal =====
+모달 윈도우를 만들어주는 컴포넌트 입니다.
 \\
-==== ax5ui-menu ====
+===== ax5ui-calendar =====
+달력 컴포넌트 입니다.
+\\
+===== ax5ui-picker =====
+숫자 키패드, 캘린더 등의 입력 방식을 제공하는 입력 컴포넌트 입니다.
+\\
+===== ax5ui-formatter =====
+날짜, 숫자 등의 표시형식을 지원하는 컴포넌트 입니다.
+===== ax5ui-menu =====
 컨텍스트 메뉴를 만듭니다.(마우스 오른쪽 키를 클릭하여 팝업 메뉴를 띄웁니다.)
 \\
-==== ax5ui-media-viewer ====
+===== ax5ui-media-viewer =====
+동영상 갤러리 형태의 컴포넌트.
 \\
-==== ax5ui-select ====
+===== ax5ui-select =====
+콤보박스내에 여러 항목을 선택할 수 있는 컴포넌트 입니다.
 \\
-==== ax5ui-layout ====
+===== ax5ui-layout =====
+보통 웹 화은 상단 메뉴 영역, 좌측 메뉴영역, 가운데 컨텐츠 영역 등으로 레이아웃을 만들어 사용합니다. 이러한 레이아웃을 쉽게 만들 수 있게 해줍니다.
 \\
-==== ax5ui-combobox ====
+===== ax5ui-combobox =====
+콤보박스 컴포넌트 입니다.
 \\
-==== ax5ui-autocomplete ====
+===== ax5ui-autocomplete =====
+입력필드에 입력값 제안 기능을 줄 수 있 컴포넌트 입니다.
 \\
-==== ax5ui-binder ====
+===== ax5ui-binder =====
+폼의 각 필드들과 binder 객체를 맵핑하여 binder 객체의 값을 변경하는것으로 폼 엘리먼트의 값을 변경하거나, 폼 엘리먼트 값을 쉽게 가져올 수 있게 해 줍니다.
 \\
-==== ax5ui-grid ====
+===== ax5ui-grid =====
+테이블 형식으로 데이터를 표현할 수 있는 컴포넌트 입니다.
 \\
-==== ax5ui-uploader ====
+===== ax5ui-uploader =====
+드래그 앤 드랍으로 파일을 선택하여 업로드 할 수 있는 기능을 제공합니다.
 \\
-==== ax5ui-docker ====
+===== ax5ui-docker =====
+화면을 분할하고, 분할된 영역의 크기를 조절할 수 있으면, 각 영역들을 이동할 수도 있는 컴포넌트 입니다.
 \\
-==== ax5ui-palette ====
+===== ax5ui-palette =====
 \\
+===== Ref =====
+  * [[https://ax5.io/|ax5ui]]
+{{tag>AX5UI 도봉산핵주먹}}

문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

사용자 도구

사이트 도구

차이

문서 도구