Tip/Javascript (23) 썸네일형 리스트형 [jqGrid] rowspan jqGrid 에서는 현재 버전 기준으로 colspan 에 대한 기능은 지원하지만 rowspan 에 대한 기능은 지원하지 않는다. 이와 관련하여 Stackoverflow 에 묻고 답한 부분이 있어 참고하려고 기록해 둔다. 아래는 적용한 코드이다. 참고 http://stackoverflow.com/questions/12200621/jqgrid-grouping-row-level-data [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 [Thymeleaf] contextPath in Javascript Thymeleaf 는 HTML 의 속성값을 이용하여 파싱을 한다. 결국 TAG에 적용된 값들을 토대로 파싱을 하는데 자바스크립트에서의 파싱도 지원을 한다. 자세한 내용은 문서를 참고하기 바란다. 자바스크립트에서 contextPath 의 값을 가져오기 위해서는 다음 값들을 사용할 수 있다. 그 외 다양한 방법들 관련해서도 마찬가지로 문서를 참고하기 바란다. 단지 기록차원에서 블로그에 글을 남겨둔다. 참고 : Tutorial: Using Thymeleaf (http://www.thymeleaf.org/doc/html/Using-Thymeleaf.html#script-inlining-javascript-and-dart) [jqGrid] getRowData 를 이용시 \r\n 값이 사라지는 현상 in IE8 jqGrid 를 사용하면서 또한가지 이슈가 발견되었다. 뭐 이슈라기 보다 지금까지 여러 프로젝트에 jqGrid 를 사용하였지만 아직 발견되지 않았던 것이라고 하는게 맞겠다. 해당 이슈를 공유하고자 한다. 물론 더 좋은 방법이 있으면 이곳에서 공유했으면 하는것이 필자의 바람이기도 하다. 화면 리스트와 편집을 동시에 하는 화면을 구현하였다. 이때 리스트를 그리드로 구현하고 편집 화면은 폼(input, select, textarea 등으로 구성된)으로 구성하였다. 리스트에서는 화면에 보이지 않는 , 즉 편집(폼)을 위한 데이터까지 Grid 에서 가지고 있다가(hidden:true 이용) 선택시(onSelectRow 이벤트) 폼화면을 Grid 의 getRowData 함수를 이용하여 채우려는데 있다. 현상 FF,.. [jqGrid] gridview 를 반드시 써야하는 이유!! * 테스트 환경 - Windows 7 64bit- STS 3.2.0 ( VMware vFabric tc Server Developer Edition v2.7 ) - 크롬 27.0.1- IE 10- IE 9 (IE 10 개발자도구)- IE 8 (IE 10 개발자도구)- IE 7 (IE 10 개발자도구) - jQuery 1.9.0- jQuery ui 1.10.3- jqGrid 4.5.2 개요 다음은 jQuery 의 Grid 플러그인인 jqGrid 의 gridview 옵션 적용시 성능 차이에 대한 결과를 리포트하는데 목적이 있습니다. jqGrid의 WIKI에서 말하고 있는 gridview에 대한 검증 차원도 있습니다. gridview : In the previous versions of jqGrid inclu.. 국내 오픈소스 WYSIWYG HTML 에디터 * DaumEditorDaumEditor is an online open source WYSIWYG HTML editor from Daum Communications.link => https://github.com/daumcorp/DaumEditor/wiki * SmartEditorSmartEditor2.0 Basic 은 JavaScript로 구현된 웹 기반의 WYSIWYG 편집기이다. 글꼴, 글자 크기, 줄 간격 등을 자유롭게 설정할 수 있으며, 단어 찾기/바꾸기와 같은 편리한 기능을 제공한다.link => http://jindo.dev.naver.com/smarteditor/demo/SmartEditor2.html [jQuery] MouseWheel event 마우스에서 휠의 방향에 따른 제어 시 아래의 코드를 이용하자. (Javascript, HTML, Result) 새창으로 보기 [jQuery] form data binding 보호되어 있는 글입니다. 이전 1 2 3 다음
