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

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

AX5UI-at-server
AX5UI-at-local

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

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

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

<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 실행시켜서 확인하시면 됩니다.

• ax5ui-dialog-master.zip

ax5ui-dialog

임시 메시지 레이어를 띄어 줍니다.

모달 윈도우를 만들어주는 컴포넌트 입니다.

달력 컴포넌트 입니다.

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

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

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

동영상 갤러리 형태의 컴포넌트.

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

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

콤보박스 컴포넌트 입니다.

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

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

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

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

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

• ax5ui