참고도서 및 사이트 jqGrid Wiki (http://www.trirand.com/jqgridwiki) jQuery-UI (http://jqueryui.com/themeroller) jqGrid Demos(http://trirand.com/blog/jqgrid/jqgrid.html) jqGrid 소개 블로그(http://insnote.com/xe/index.php?mid=kkang&page=2&document_srl=297) jqGrid는 jQuery라이브러리를 이용한 Grid Plugin으로 웹에서 테이블 형식의 데이터를 표시하고 조작을 위한 Ajax 기반 자바스크립트 컨트롤러이다. jqGrid는 기본적으로 jQuery-UI를 이용하기 때문에 원하는 테마를 만들어서 사용 가능하다. jqGrid 다운로..
개요 자바스크립트(JavaScript)는 객체(object) 기반의 스크립트 언어입니다. HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현할 수 있습니다. 자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 JavaScript Intro document.write("자바스크립트 기초") Colored by Color Scripter cs 자바스크립트의 특징 자바스크립트가 가지고 있는 언어적 특징은 다음과 같습니다. 자바스크립트는 객체 기반의 스크립트 언어입니다. 자바스크립트는 동적이며, 타입을 명시할 필요..
unbind 요소에서 이전에 연결된 이벤트 처리기를 제거합니다. jQuery 3.0부터는. unbind()가 더 이상 사용되지 않습니다. jQuery 1.7 이후 .off() 메서드로 대체되었으므로 이미 사용하지 않는 것이 좋습니다. $("div#con").unbind("mouseenter"); //div#con mouseenter 이벤트 제거$("div#con2").unbind(); //div#con2 모든 이벤트 제거cs 형식은 유형에 관계없이 핸들러를 제거합니다. 더 정확하게 말하자면 이벤트 유형을 전달할 수 있습니다. . unbind("mouseenter");처럼 이벤트 유형을 지정하면 해당 이벤트 유형에 대한 처리기 만 바인딩 해제됩니다. 이벤트를 컬러 버튼에 바인딩 및 바인딩 해제가 가능한 예..
replaceAll . replaceAll() 메서드는 선택한 요소를 지정된 요소로 대체합니다. 이 메소드는 인수로 선택자나 제이쿼리 객체, HTML DOM 요소, 배열 등을 전달받을 수 있습니다. target 유형 설명 .replaceAll (대상) 선택기 또는 jQuery 또는 배열 또는 요소 대체 할 요소를 나타내는 선택기 문자열, jQuery 객체, DOM 요소 또는 요소 배열입니다. .replaceAll()방법은 후술 할. replaceWith()와유사합니다. 하지만 소스와 대상이 반대입니다. 다음 예문을 참고 바랍니다. Hello And Goodbye Colored by Color Scripter cs 요소를 만든 다음 다른 요소를이 요소로 바꿀 수 있습니다. 해당 jQuery .replace..
extend 두 개 이상의 개체의 내용을 첫 번째 개체로 병합합니다. 제이쿼리의 extend()는 다수의 객체를 하나의 객체로 합치는 merge기능을 수행할 수 있습니다. 만약 두 개 이상의 객체를 하나로 합치려는 경우 extend()를 사용하여 새로운 객체로 만들 수 있죠. 아래는 extend()를 사용하는 간단한 방법 및 문법은 아래와 같습니다. $.extend(대상, 객체1, 객체2, ... , 객체n) cs 이 메서드는 인수로 전달받은 첫 번째 객체에 두 번째 객체의 모든 프로퍼티를 추가합니다. 그리고서 첫 번째 객체에 세 번째 객체의 모든 프로퍼티를 추가합니다. 이와 같은 순서대로 인수로 전달받은 모든 객체의 프로퍼티를 첫 번째 객체에 모두 추가합니다. jQuery.extend (target, ..
val . val()은 양식(form)의 값을 가져오거나 값을 설정하는 메서드입니다. 주로 input, select 및 과 같은 양식 요소의 값을 가져오는 데 사용됩니다. 가져오기 이 메서드는 인수를 허용하지 않습니다. 컬렉션의 첫 번째 요소가 select-multiple(즉, 속성이 설정된 select요소 multiple)이면. val() 선택한 각 옵션의 값을 포함하는 배열을 반환합니다. 옵션을 선택하지 않으면 빈 배열이 반환됩니다. 선택, 확인란 및 라디오 버튼의 경우 : checked를 사용하여 올바른 요소를 선택할 수 있습니다. // 드롭다운에서 선택한 옵션에서 값 가져오기 $( "select#foo option:checked" ).val(); // 드롭다운에서 직접 값 가져오기 선택 $( "s..
클래스 설정 HTML 요소의 class 속성은 여러 개의 class 값을 가질 수 있습니다. 제이쿼리는 HTML 요소의 class 속성 값을 손쉽게 다루기 위한 여러 메서드를 제공합니다. 이를 통해 class 속성에 적용되는 CSS 스타일이 동적으로 적용되게 할 수 있습니다. 이렇게 클래스명을 추가하거나 제거하면 간단하게 원하는 스타일을 추가 또는 제거하는 것이 가능합니다. 물론 해당하는 class에는 스타일이 css에 선언되어야겠죠? 물론 attr()를 사용하거나 css()를 사용할 수도 있습니다. 하지만 이런 경우에 inline 형태로 웹페이지에 스타일이 부여되기 때문에 아래와 같은 제약이 생기게 됩니다. 코드와 스타일이 분리되지 못하여 유지보수에 단점 인라인으로 적용된 스타일을 변경시 !import..