본문 바로가기

jQuery

[jqGrid] jqGrid에서 멀티 체크(Custom Multi Select) 기능 구현 01. 체크한 행의 Row Number 알아내기 ① JavaScript Code // 체크된 항목의 ROW NUMBER를 알려주는 함수 jQuery("#cm1").click( function() { var s = jQuery("#grid").jqGrid('getGridParam', 'selarrrow'); alert(s); }); ② HTML 선택 Row Number(행) 확인 ③ 실행화면 02. 특정행 체크 On/Off ① JavaScript Code // 특정행 자동 체크 On/Off jQuery("#cm1s").click( function() { jQuery("#grid").jqGrid('setSelection', "4"); jQuery("#grid").jqGrid('setSelection', "7.. 더보기
[jqGrid] JSP에서 jqGrid 설정하기 01. 이클립스에 Dynamic Web Project를 만든다. 02. PjtJQGridTest라는 이름으로 새롭게 프로젝트를 생성했다. 03. 생성된 프로젝트의 WebContent 폴더 아래에 새로운 폴더 css와 js를 만듭니다. 04. 생성된 프로젝트의 WebContent 폴더 아래에 새로운 폴더 css와 js를 만듭니다. 05. 아래 경로로 이동하여 페이지 아래에 있난 jqGrid 플러그인을 다운받는다. URL : http://www.trirand.com/blog/?page_id=6 06. 다운받은 jqGrid 플러그인 파일의 압축을 해제한다. 07. 다운받은 파일의 css폴더의 ui.jqgrid.css를 PjtJQGridTest 프로젝트에 생성해둔 css폴더로 복사한다. 08. 다운받은 파일의 .. 더보기
[jQuery] jQuery 문법 ■ jQuery 문법 14-1.html Hello and Goodbye 출력결과 01. 선택자(Selector) -. 선택자는 jQuery 객체 생성을 하거나 하위의 탐색 메서드에서 사용 -. 선택자를 통해 객체를 생성하거나 메서드를 사용하게 되면 선택된 엘리먼트들은 jQuery 객체의 배열에 저장되어 jQuery 객체로 반환된다. 반환된 jQuery 객체는 내부 엘리먼트를 활용한 객체 지원 메서드에서 활용된다. -. 선택자를 사용할 때는 가능한 범위를 좁혀서 HTML 문서 내부 구조를 최대한 덜 탐색하게 하는 것이 성능에 좋다. 01) 기본 CSS 선택자 -. DOM API부분 중 document.querySelector( ), querySelectorAll( ) 메서드와 같은 기본 CSS 선택자와 필.. 더보기
[jQuery] jQuery 라이브러리 사용하기 01. jQuery 사이트에 접속하여(http://jquery.com/) Download jQuery를 클릭한다. 02. 개발자 버전의 jQuery 라이브러리를 다운을 클릭한다. 03. jQuery 라이브러리 소스가 보여지는데 전체 소스를 복사한다. 04. Text 편집기를 열고 복사한 내용을 붙여넣기 한다. 05. Text 편집기에 작성된 내용을 아래 순서에 맞게 저장한다. ① 저장할 경로를 지정한다. ② 파일 이름을 정하고 반드시 확장자를 *.js로 설정한다. ③ 저장한다. 06. jQuery 소스를 작성한다. 14-1.html Hello and Goodbye 07. 작성한 소스를 경로설정을 잘 맞춰주어 저장한다. 08. 해당 화면과 같이 나타나면 설정은 완료된다. 더보기
[jQuery] CDN(Content Delivery Network) 호스트 ■ CDN(Content Delivery Network) 호스트 ① Google Ajax API CDN (SSL 지원) -. LINK : http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js ② Microsft CND (SSL 지원) -. LINK : http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js ③ jQuery CDN(Meda Temple) -. LINK : http://code.jquery.com/jquery-1.7.2.min.js -. LINK : http://code.jquery.com/jquery-1.7.2.js(전체버전) 더보기

티스토리툴바