전체 글121 Check All Checkboxes with JQuery jQuery 를 이용하여 체크박스의 전체선택 해제를 쉽게 구현할 수 있다. $(".cb_all").click(function(){ $(".cb_child").attr("checked",$(this).is(":checked"));}); cb_all 클래스의 전체선택/해제를 관여하는 체크박스가 있고 이 체크박스를 클릭하면 리스트에 있는, 즉 cb_child 클래스를 가진 체크박스들이 모두 선택되거나 해제되는 것을 볼 수 있다. selector 는 상황에 맞게 변경하면 된다~~ 코드 실행 2014. 1. 27. [jqGrid cookbook] 1. jqGrid jqGrid를 시작하며 jqGrid 는 jQuery 기반의 그리드 플러그인입니다. 보통 테이블 기반의 데이터를 웹상에 표시하는 것보다 편집, 페이징, 검색, 정렬등의 부가적인 기능을 하는데 번거로울 수 있는데 jqGrid 를 이용하면 이를 좀 더 쉽게 구현할 수 있습니다. 물론 jqGrid를 사용하기 위해서는 사용법을 잘 지켜야 합니다. 사용법을 익히기 전에 먼저 jqGrid 예제를 하나 보겠습니다. 아래의 그리드는 테이블 형식의 데이터를 출력하는 것은 물론이고 각 컬럼에 대한 정렬, 검색, 새로고침, 페이징 등을 구현한 화면입니다. 코드량은 얼마나 될까요? HTML 단 2줄, 스크립트는 25줄이면 그리드를 표현하고 검색, 정렬, 페이징 등의 다양한 기능을 구현할 수 있습니다. 물론 데이터는 서버에 요청.. 2014. 1. 15. hash animation 보호되어 있는 글 입니다. 2013. 12. 17. Controller 에서의 Async 사용시 Spring security 와의 충돌(?) Controller 에서 Async 사용을 위해 Callable 사용시 Spring security 와의 충돌 현상이 발생하였다. (즉, Spring security 의 세션 정보가 날라가는 현상이다. ) 증상이 발생한 Spring, Security 버전Spring version : 3.2.5.RELEASESpring security version : 3.1.4.RELEASE Spring security 의 upgrade 버전에서는 해결하였다고 한다. 하지만 release 버전은 아니라는 점.... 해결 버전Spring version : 3.2.5.RELEASESpring security version : 3.2.0.RC2 참고 ) http://stackoverflow.com/questions/19107.. 2013. 12. 16. [PhantomJS] SSL handshake failed PhantomJS 를 이용하여 화면을 캡쳐하는 도중 유독 tumblr.com 만 SSL handshake failed 라는 에러메세지를 출력하는 것이다. 아래의 코드는 tumblr.com 에 대한 에러를 체크하기 위해 하단의 사이트에서 가져온 phantomjs 코드이다. var page = require('webpage').create(); page.onResourceError = function(resourceError) { page.reason = resourceError.errorString; page.reason_url = resourceError.url;}; page.open( "http://tumblr.com/", function (status) { if ( status !== 'success.. 2013. 12. 4. [jquery] iframe 컨트롤 부득이하게 아이프레임을 이용하여 객체나 함수를 호출해야 할 경우 다음과 같이 이용한다. parent.html child.html 2013. 12. 3. [jquery] jquery cron jquery 를 이용하면서 없는 플러그인이 없을 정도로 널리(?) 이용되고 있는 것 같아 사용하는 입장으로 아주 뿌듯하다. 혹시나 하여 jquery 의 cron 플러그인이 있을까 하고 찾아보았지만 역시나 있었다. 그중에서 내가 사용한 것에 대한 링크를 기록해 둔다. 참고 : http://shawnchin.github.io/jquery-cron/ 2013. 12. 2. [jqGrid] rowspan jqGrid 에서는 현재 버전 기준으로 colspan 에 대한 기능은 지원하지만 rowspan 에 대한 기능은 지원하지 않는다. 이와 관련하여 Stackoverflow 에 묻고 답한 부분이 있어 참고하려고 기록해 둔다. 아래는 적용한 코드이다. 참고 http://stackoverflow.com/questions/12200621/jqgrid-grouping-row-level-data 2013. 12. 2. [jqGrid] JSON 데이터 정렬 jqGrid 에서 local 데이터에 대해서 addRowData 를 이용하여 Grid 에 데이터를 추가할 경우. 정렬 기능을 이용하려면 sortname 값을 지정한 후에 Grid 를 reloadGrid 해야만 한다. 하지만 이방법 보다 먼저 json 형태의 데이터일 경우 json 차원에서 정렬을 하면 한단계를 줄일 수 있다. gridData.list.sort(function(a, b){ if(a.score == b.score){ return 0} else{ return a.score > b.score ? 1 : -1; }}); 참고 : http://stackoverflow.com/questions/881510/jquery-sorting-json-by-properties 2013. 11. 21. 이전 1 ··· 4 5 6 7 8 9 10 ··· 14 다음
