목차

AX5UI

  • description : AX5UI 관련 자료
  • author : 도봉산핵주먹
  • email : hylee@repia.com
  • lastupdate : 2020-09-03


공통 Haeder

<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>

Ref

AX5UI-at-server
AX5UI-at-local


ax5ui-mask

레이어로 화면을 마스킹 할 수 있는 컴포넌트입니다. 주로 특정 작업 처리중 화면에 Action 을 할 수 없도록 막는 용도로 사용됩니다.


ax5ui-dialog

레이어로된 alert, confirm, prompt 윈도우를 띄울 수 있습니다.

Header 선언

<script type="text/javascript" src="https://cdn.rawgit.com/ax5ui/ax5ui-dialog/master/dist/ax5dialog.min.js"></script>

dialog alert 사용하기

<script type="text/javascript">
        var myDialog = new ax5.ui.dialog();
        $(document.body).on("click", '[data-btn="alert"]', function() {
                myDialog.alert("Alert message!");
        });
</script>
<button class="btn btn-defalt" data-btn="alert">Alert</button>


자료

AX5UI공식 github 자료 받아서 include 수정하여 작동되게 만들었습니다.
다운받아서 test/index.html 실행시켜서 확인하시면 됩니다.


Ref

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