jQuery/w2ui 썸네일형 리스트형 [w2ui] 그리드(Grid) 오름차순, 내림차순 정렬 기능 추가하기. ■ w2ui 그리드에서 오름차순, 내림차순 정렬 기능 추가하기. 01. sortable을 true로 지정함으로서 출력한 그리드를 오름차순 내림차순 정렬할 수 있다. w2ui_sortable_line.php 02. 제목이 들어가 있는열에 마우스를 가져다 대고 클릭하면 아래 출력결과와 오름차순, 내림차순으로 변경되는 것을 확인 할 수 있다. 더보기 [w2ui] w2ui의 그리드(Grid) 그리기 ■ w2ui 그리드 나타내기 01. 아래코드를 사용하면 w2ui에 그리드(Grid)를 그려 나타낼 수 있다. w2ui_simple_grid.php 02. 출력결과는 아래와 같다. ※ 각 행의 타이틀을 가운데 정렬 해 보자. 01. w2ui의 css파일의 w2ui-col-header 부분을 찾고 아래에 굵게 표시된 내용을 윗줄에 삽입한다. w2ui-1.4.3.css div.w2ui-col-header { text-align:center; } .w2ui-grid .w2ui-grid-body div.w2ui-col-header { height: auto !important; width: 100%; overflow: hidden; padding-right: 10px !important; } .w2ui-grid .. 더보기 [w2ui] 팝업창에 기능에 따른 버튼 추가하기 ■ w2ui 팝업창 닫기버튼 01. 팝업창 닫기 버튼은 아래와 같다. w2ui_close_popup.php Open Popup 닫기 버튼 닫기 버튼 테스트 Close 02. 출력결과는 아래와 같다. ■ w2ui 로딩중 화면 띄우기 01. 로딩중 화면을 띄우기 위한 코드는 아래와 같다. w2ui_lock_popup.php Open Popup 로딩중 표시 로딩중 표시 로딩중 02. 출력결과는 아래와 같다. ■ w2ui 로딩중 화면에 텍스트 나타내기 01. 로딩중 화면에 텍스트를 나타내 보자, 코드는 아래와 같다. w2ui_lock_text_popup.php Open Popup 로딩중 표시 로딩중 표시 로딩중 02. 출력결과는 아래와 같다. ■ w2ui 팝업창에서 슬라이드 메시지 나타내기 01. 팝업창에서 슬.. 더보기 [w2ui] w2ui로 팝업창 오픈하기 ■ w2ui로 팝업창 띄우기 01. 가장 기본적인 w2ui로 팝업창을 띄우는 방법이다. w2ui_popup_simple.php Open Popup 02. 출력결과는 아래와 같다. ■ w2ui로 알림창 띄우기 01. 팝업창과 마찬가지로 기본적인 alert 창을 띄울 수있다. w2ui_alert_popup.php Show Alert 02. 출력결과는 아래와 같다. ■ w2ui로 선택 알림창 띄우기 01.alert창을 띄운것처럼 선택알림창인 confirm 창을 띄울 수 있다. w2ui_confirm_popup.php Show Confirm 02. 출력결과는 아래와 같다. ■ w2ui의 팝업창의 옵션 ※ 팝업 이벤트 옵션 title 팝업창의 제목 설정 body 팝업창의 내용 구성 buttons 팝업창의 HTML.. 더보기 [w2ui] TEXTBOX에 리스트 나타내기 ■ 텍스트박스(TEXTBOX)에 리스트 나타내기 01. 종래의 selectbox를 w2ui로 아래와 같이 나타낼 수 있다. w2ui_selectbox.php List : 02. 출력결과 ■ TEXTBOX에 연관리스트 나타내기 01. textbox에 입력단어 연관 리스트를 나타내는건 아래와 같다. w2ui_textbox.php Combo : You can type any text 02. 출력결과 더보기 이전 1 2 3 4 다음
