===== 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 을 할 수 없도록 막는 용도로 사용됩니다.

\\
===== 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공식 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 =====
임시 메시지 레이어를 띄어 줍니다.

\\
===== ax5ui-modal =====
모달 윈도우를 만들어주는 컴포넌트 입니다.

\\
===== ax5ui-calendar =====
달력 컴포넌트 입니다.

\\
===== ax5ui-picker =====
숫자 키패드, 캘린더 등의 입력 방식을 제공하는 입력 컴포넌트 입니다.

\\
===== ax5ui-formatter =====
날짜, 숫자 등의 표시형식을 지원하는 컴포넌트 입니다.

===== ax5ui-menu =====
컨텍스트 메뉴를 만듭니다.(마우스 오른쪽 키를 클릭하여 팝업 메뉴를 띄웁니다.)

\\
===== ax5ui-media-viewer =====
동영상 갤러리 형태의 컴포넌트.

\\
===== ax5ui-select =====
콤보박스내에 여러 항목을 선택할 수 있는 컴포넌트 입니다.

\\
===== ax5ui-layout =====
보통 웹 화은 상단 메뉴 영역, 좌측 메뉴영역, 가운데 컨텐츠 영역 등으로 레이아웃을 만들어 사용합니다. 이러한 레이아웃을 쉽게 만들 수 있게 해줍니다.

\\
===== ax5ui-combobox =====
콤보박스 컴포넌트 입니다.

\\
===== ax5ui-autocomplete =====
입력필드에 입력값 제안 기능을 줄 수 있 컴포넌트 입니다.

\\
===== ax5ui-binder =====
폼의 각 필드들과 binder 객체를 맵핑하여 binder 객체의 값을 변경하는것으로 폼 엘리먼트의 값을 변경하거나, 폼 엘리먼트 값을 쉽게 가져올 수 있게 해 줍니다.


\\
===== ax5ui-grid =====
테이블 형식으로 데이터를 표현할 수 있는 컴포넌트 입니다.

\\
===== ax5ui-uploader =====
드래그 앤 드랍으로 파일을 선택하여 업로드 할 수 있는 기능을 제공합니다.

\\
===== ax5ui-docker =====
화면을 분할하고, 분할된 영역의 크기를 조절할 수 있으면, 각 영역들을 이동할 수도 있는 컴포넌트 입니다.

\\
===== ax5ui-palette =====

\\

===== Ref =====
  * [[https://ax5.io/|ax5ui]]

{{tag>AX5UI 도봉산핵주먹}}