Back Ground

비동기 프로그래밍을 위한 Promise와 Deferred 알아보기자바스크립트로 어플리케이션을 개발하다 보면 비동기 프로그래밍을 하지 않을 수 없다. 가령 다음과 같은 코드가 있다고 하자.console.log("1"); $('.button').click(function(){ console.log("2"); }); console.log("3"); setTimeout(function(){ console.log("4"); }, 1000); console.log("5"); $.get('getUserList.do',function(result){ console.log("6"); });위 코드를 실행하면 콘솔화면에 1 2 3 4 5 6이 나타날까? 그건 시어머니도 모른다. 버튼을 클릭해야 2가 찍히고 1초가 지나야 ..

jqGrid 첫번째 글에서는 그리드의 환경설정과 그리드를 사용하기 위해서 꼭 필요한 몇 가지들을 알아보았습니다. 이번 글에서는 프로젝트를 진행하면서 많이 사용한 그리드 메소드와 경험을 소개하겠습니다. 1. 메소드그리드에서 제공하는 메소드를 사용하기 위한 사용법부터 알아보겠습니다 12jQuery('#grid_id').jqGridMethod( parameter1,...parameterN );ex) jQuery('#grid_id').setGridParam({...}).hideCol('somecol').trigger('reloadGrid'); grid_id는 그리드가 설정된 ID입니다.jqGridMethod는 그리드에서 제공하는 메소드입니다.메소드에 따라 parameter가 존재할 수 있습니다. 그리드에서 기본..

9월에 첫 프로젝트 투입되어서 어느덧 끝을 향해 가고 있습니다. 프로젝트에서 많은 기술을 경험하였지만 그중에서 가장 기억에 남는 기술은 jqGrid라는 플러그인이었습니다. 대량의 데이터를 테이블로 표현해야 할 때 jQuery에 대한 지식이 있다면 jqGrid를 이용하여 쉽게 개발을 할 수 있습니다. jqGrid와 함께 한 9개월의 추억을 회상하며 소개를 시작하겠습니다. 1. 소개jqGrid는 jQuery라이브러리를 이용한 Grid Plugin입니다.jqGrid는 웹에서 테이블 형식의 데이터를 표시하고 조작을 위한 Ajax기반 자바스크립트 컨트롤러입니다.jqGrid는 기본적으로 jQuery-UI를 이용하기 때문에 원하는 테마를 만들어서 사용가능합니다. jqGrid Wiki에서는 jqGrid를 위와 같이 소..

jQGrid 생성 view.jsp 파일 1234567891011121314151617181920212223242526Insert title here#grigList{border:1px solid #999;} jqGrid.js123456789101112131415161718192021222324252627282930313233$(document).ready(function(){ $("#grigList").jqGrid({ url:"data.json", //JSON 데이터 URL mtype:"POST", //POST 형식(get/post) height:250, //높이 250 width:500, //넓이 500 colNames:['번호','제목','작성자','등록일시','조회수'], //열명 colModel:..

jqgrid를 사용하다보면 선택된 줄의 정보를 사용해서 처리해야 하는 경우가 많이 생긴다 선택된 줄에 설정된 아이디 값을 가져오거나 선택된 줄의 rowdata 에서 특정 값을가져오기 위해서는 getGridRowData, getGridParam 등을 사용하면된다. 12$( "{gridtableid}" ).getGridParam( "selrow" );$( "{gridtableid}" ).jqGrid('getGridParam', "selrow" ); 위의 스크립트를 실행하면 현재 선택되어있는 줄의 아이디 값을 반환한다 만약 선택된줄이 없다면 null을 반환하며 jqGrid를 만들때 multiselect옵션을 true로 주엇다면 선택된줄들중 마지막에 선택된 줄의 id 값을 반환한다 만약 multiselect옵션..

is () 메소드를 확인 선택된 요소 중 하나가 일치하는 경우 12345678910111213141516$(document).ready(function(){ $("p").click(function(){ if ($("p").parent().is("div")) { alert("Parent of p is div"); } });}); Click me to find out if I my parent is a div element.

1. checked 여부 확인 12$("input:checkbox[id='ID']").is(":checked") == true : false /* by ID */$("input:checkbox[name='NAME']").is(":checked") == true : false /* by NAME */ 2. checked/unchecked 처리 1234 $("input:checkbox[id='ID']").prop("checked", true); /* by ID */ $("input:checkbox[name='NAME']").prop("checked", false); /* by NAME */ 3. 특정 라디오버튼 선택 / 모든 라디오버튼 선택해제 12$("input:radio[name='NAME']:radio..

http://jqueryui.com/themeroller/