진이의 Developer Story

ajax를 처리하다 보면, 순차적으로 실행이 되어야 할때가 있습니다. 예로 들자면, A,B,C를 각각 호출해야 하는 상황입니다. B는 A에 의존적이며, C는 B에 의존적이죠. 그럼 A가 완전히 호출된 다음에, B 그리고 C가 순서대로 호출이 되어야 합니다. 그런데 ajax의 비동기 방식으로 실행을 한다면, 호출은 순서대로 되겠지만 처리되는 순서는 다를 수 있습니다. 이런 경우에는 ajax 옵션에 async (기본값 : true, 비동기식) 를 false (동기식)로 해주시면 되지만, 최신 jQuery에서는 지원이 되질 않는 것 같더라구요. 그래서 알아본 것이 바로 when()함수입니다. jQuery 1.5 이상부터 추가가 되었다고 합니다. 사용법은 다음과 같습니다. // done 의 경우 성공적으로 호출..

iCheck는 checkbox, radio 버튼을 이미지와 css를 이용하여 예쁘게 보여줍니다. 하지만, 여러가지 면에서 매우매우매우 불편한데요. 제가 느낀 단점. 1. 마지막 업데이트 이후 유지보수가 되지 않고 있습니다. (에러는 본인이 수정해야 하며) 2. 익스플로러에서는 속도가 매~우 느립니다. (익스 외의 크롬 등에서는 빠름, 브라우저의 렌더링 속도가 느린탓.) 3. jQuery Form Validation 사용시 메세지가 이상한 위치(?)에 출력됨 오늘은 3번째 단점 때문에 이 포스팅을 올립니다. iCheck의 경우 렌더링을 할때 div를 여러개 생성하기 때문에 에러메세지의 위치는 iCheck의 가장 바깥쪽에 있는 엘리먼트의 다음에 와야합니다. 따라서 iCheck에는 사용이 부적합한데요. [에러..

//컬럼 숨기기 jQuery("#gridId").jqGrid('hideCol',["colName"]); //전체 row id 가져오기(배열) var ids = jQuery("#gridId").jqGrid('getDataIDs'); //선택된 rowid 가져오기 var rowid= jQuery("#gridid").jqGrid('getGridParam','selrow'); // 선택된 rowid들 가져오기 (multiselect: true var sel = jQuery("#gridid").jqGrid('getGridParam', "selarrrow" ); //전체 rowData 가져오기(배열) var data = jQuery("#gridId").getRowData(); //rowid의 rowData 가져오기..

설연휴는 잘들 보내셨나요? 저는 여기저기 다니느라 바쁜 연휴였던 것 같아요. 오늘은 jqGrid에 대해 알아보려고 합니다. 무료로 사용할 수 있는 jQuery 라이브러리로써 많이 사용되는 jqGrid. jqGrid는 여러가지 데이터를 파싱해서 그리드로 뿌려줍니다. 오늘은 ajax를 호출하여 테이블의 내용을 그리드에 뿌리는 방법에 대해 알아보겠습니다. CREATE TABLE invheader ( invid int(11) NOT NULL AUTO_INCREMENT, invdate date NOT NULL, client_id int(11) NOT NULL, amount decimal(10,2) NOT NULL DEFAULT '0.00', tax decimal(10,2) NOT NULL DEFAULT '0.00..

희한하게 폼안에 가 하나만 존재할 경우 엔터키로 submit 되는 장면을 목격했습니다. 어떠한 자바스크립트도 들어가지 않은 상황인데, 도대체 엔터키로 submit이 되는걸까요? 구글링을 통해 검색을 여러번 해보았지만, 해결방법만 제시됐을 뿐 그 이유에 대해서는 어떠한 것도 적혀있지 않았습니다. 이유를 아시는 분은 댓글에 꼭 좀 적어주시길 바라며, 해결방법은 2가지입니다. (1) 보이지 않는 를 추가하기. 아래와 같이 input 태그를 하나를 더 삽입하면 더 이상 엔터키에 submit 되지 않습니다. 단 type을 hidden으로 줄 경우에는 submit이 작동하니, type을 text로 주시고 display 스타일 값을 이용해야 합니다. (2) form 태그 내에 onsubmit="return false..