Hello World?

자바스크립트로 서블릿이나 서비스를 통신하기 위해서는 이벤트 발생시 AJAX 로 CRUD 처리를 해야할 때가 있다 그때 쓸수 있는 JAVASCRIPT 로 AJAX 와 Jquery를 이용할 수 있는데, 두개의 문법을 비교해보자. AJAX 원형을 살펴보자 Ajax 원형 var url = '/test.do'; $.ajax ( { data : "1=1" + data , dataType: "json" , type : "post" , async : true -- 동기식으로 할 경우 false , url : url , success : function(objJSONData) { } , error : function(objJSONData) { alert("에러"); } } ); Jquery 로 처리할 경우는 아래와 같다..

JQGrid 내에 있는 모든 컬럼들 ( 보이지 않는 컬럼들 포함 ) 을 그대로 엑셀 출력하기 위한 기능이다 JQGrid 에 버튼을 추가하고 버튼 클릭시 엑셀파일로 저장할 수 있도록 기능 추가를 해보도록 하자 우선 JQGrid 에서 저장버튼을 추가한다. $("#jqgridname").jqGrid('navButtonAdd', div_id, { id:'pager_excel', caption:'', title:'엑셀 다운', onClickButton : function(e) { exportExcel ( $("#jqgridname"), "test.xls" ); }, buttonicon:'ui-icon-arrowthickstop-1-s' }); 위와 같이 아이콘을 추가했다면, JQGrid 아래에 툴팁으로 엑셀다운이..

아래처럼 목록 여러개가 있을 경우, 조회시 DB에서는 ORDER NO 순서대로 정렬을 시킬수 있다 화면에서의 처리는 아래와 같다. $(function() { $( "#sortable" ).sortable({ revert: true }); $( "#draggable" ).draggable({ connectToSortable: "#sortable", helper: "clone", revert: "invalid" }); $( "ul, li" ).disableSelection(); }); Drag me down Item 1 Item 2 Item 3 Item 4 Item 5 위의 소스에다가 AJAX 로 바꾼 아이템의 순서를 변경시키면 되지 않을까 한다 방법은 input 으로 각각의 아이템 번호와 order 순번을..

Jquery Mobile에서 사용하는 기본 오브젝트들을 사용하는 방법들을 정리해 보았다 1. 다이얼로그 다이얼로그 열기 2. 버튼 2-1. 기본 버튼 버튼 2-2. 폼 버튼 button tag 2-3. 아이콘 버튼 및 버튼 위치 - 사용할 수 있는 아이콘 목록 아이콘명 태그 아이콘명 태그 왼쪽 화살표 data-icon="arrow-l" 새로고침 data-icon="refresh" 오른쪽 화살표 data-icon="arrow-r" 앞방향/이전으로 돌아가기 data-icon="foward" 아래쪽 화살표 data-icon="arrow-d" 뒷방향/이후로 돌아가기 data-icon="back" 위쪽 화살표 data-icon="arrow-u" 그리드 data-icon="grid" 취소 data-icon="del..

1. 라이브러리 다운로드 http://jquery.com/ 에서 jquery last statable 버젼을 다운 받는다 ( 예제는 2.1.4 를 받았다 ) http://jquerymobile.com/ 에서 jquerymobile last statable 버젼을 다운 받는다 ( 예제는 1.4.5 를 받았다 ) http://jqueryui.com/ 에서 jqueryui last statable 버젼을 다운 받는다 ( 예제는 1.4.5 를 받았다 ) 2. 디렉토리 구성 include 를 생성하고, 아래에 jquery 를 모두 몰아 넣었다 - jquery 디렉토리 안에 모두 넣은 이유는 각각 파일이름이 틀리고, 한곳에 둬서 관리하기 위함이다 (좀 무식한 방법이긴 하지만, 디렉토리별로 관리를 따로 하는 경우도 ..