Back Ground

jqgrid 는 jquery 의 플러그인 입니다.기존에는 데이터를 그리려면 sql로 데이터를 받아 오고 while로 돌리면서 table 의 tr, td값을 변경 하면 서 작업을 했다면,jqgrid는 ajax 기능을 내장 하고 있어서 data를 받아오면 jqgrid에서 자체적으로 table을 생성 해줍니다. jq그리드 레코드정보 가져오기 [출처] jq그리드 레코드정보 가져오기|작성자 IT is Hard jqGrid에 현재 표시되고 있는 레코드의 갯수("#grid_id").getGridParam("reccount")​jqGrid에서 서버에 요청하여 리턴 받은 총 레코드 수​("#grid_id").getGridParam("reccount")​ ​사용 예12345678910111213141516171819202..

.serarch 몇 번째 글자 인가 0 부터 시작 예제)1234567891011Try it function myFunction() { var str = "Visit W3Schools!"; var n = str.search("W3Schools"); document.getElementById("demo").innerHTML = n;} 결과 : 6 Visit W3Schools!0123456789.....W=6 .felter함수연산을 통한 모든 배열요소로 채워진 배열을 한번 더 처리해 준다 예제)123456789101112131415Try it var ages = [32, 33, 16, 40]; function checkAdult(age) { return age >= 18;} function myFunction..

CSS Styling addClass() addClass("클래스이름") : 특정한 클래스를 노드에 추가. removeClass() removeClass("클래스 이름") : 특정한 클래스를 요소에서 제거. css() css() : 특정 속성 값을 반환하거나 변경할 수 있음.css("color"); //글자색을 반환 return값이 문자열css("color","#f00"); // 글자색을 #f00 으로변경 (return값 jQuery)css({"color":"#f00","background-color","#00f"}); //글자색과 배경색을 변경 (json 타입) hasClass() hasClass("클래스 이름") : 특정한 클래스가 있는지 찾음. Effects & Custom Animations 1...

이벤트 click click - 요소 클릭시 $(".b").click(function(){ }); hover hover - 요소에 마우스 올리고 뺏을 시 $("div").hover( function(){} , function(){} );↓ $("div").hover( function(){마우스 오버 시 명령} , function(){마우스 뺏을 시 명령} ); toggle toggle - 클릭할 때마다 실행 될 함수를 차례대로 설정 가능. JQuery 라이브러리 1.8.3버전 까지만 실행 됨.(1.91 이후 부터는 실행 안됨) $("p").toggle(function(){},function(){},function()..

jQuery 속성선택자 요소[속성] 특정 속성을 가지고 있는 문서 객체를 선택함 요소[속성=값] 속성 안의 값이 특정 값과 같은 문서 객체를 선택함 요소[속성~=값] 속성 안의 값이 특정 값을 단어로써 포함하는 문서 객체를 선택함 요소[속성^=값] 속성 안의 값이 특정 값으로 시작하는 문서 객체를 선택함 요소[속성$=값] 속성 안의 값이 특정 값으로 끝나는 문서 객체를 선택함 요소[속성*=값] 속성 안의 값이 특정 값을 포함하는 문서 객체를 선택함 사용 예) $('input[type=text]').val("텍스트 값추가"); jQuery 기본 필터 선택자 요소:odd 홀수 번째에 위치한 문서 객체르 선택함 요소:even 짝수 번째에 위치한 문서 객체를 선택함 요소:first 첫 번째 위치한 문서 객체를 ..

1. AngularJS Directives AngularJS 지시어는 접두사 ng- 를 붙여 HTML 요소를 확장시킵니다. ng-app은 AngularJS 어플리케이션을 초기화합니다. ng-init은 어플리케이션 데이터를 초기화 합니다. ng-model은 HTML 제어(input, select, textarea)의 값을 어플리케이션 데이터와 연결합니다. 1 2 3 4 5 6 Name: You wrote: {{ firstName }} Name: You wrote: {{ firstName }} 이런 식으로 Angular를 사용 할시 ng-app를 속성을 선언 해준다. 2. Data Binding 위 예제의 {{ firstName }} 식은 AngularJS 데이터 연결 식 입니다. AngularJS에서 데이..

AngularJS 살펴보기 1. To-Do 웹 어플리케이션 AngularJS를 간단히 살펴보기 위해서는 To-Do 어플리케이션을 구현해보는 것입니다. 이번 장에서 간단하게 할 일을 추가, 수정할 수 있는 웹을 AngularJS를 통해서 작성해 보겠습니다. todo 폴더를 생성하여, index.html을 아래와 같이 작성합니다. * index.html 12345678910 My To-Do App AngularJS To-Do App 여기까지 작성 후, 트위터 Bootstrap을 적용하겠습니다. http://getbootstrap.com/ 에 접속해서 내려받아서 라이브러리에 추가할 수 있지만, CDN을 통해서 적용할 수도 있습니다. 위에서 작성한 index.html의 head 태그안에 추가해줍니다. 그리고 b..

엥귤러 소개 AngularJS Introduction AngularJS는 자바스크립트 프레임워크(JavaScript Framework) 입니다. HTML 페이지에 태그를 추가하여 사용가능 합니다. AngularJS는 Directives를 붙인 HTML 요소의 확장입니다. Expressions HTML로 데이터를 연결 할 수 있습니다. Directives ng-app의 영향을 받아 바로 HTML과 결합하여 출력합니다. ​ng-app가 AngularJS의 사용 여부를 결정하는 것입니다. AngularJS는 레코드를 읽고 만들고 삭제하는 CRUD에 적합합니다. ng-app 지시자는 AngularJS의 프로그램을 자동으로 부트스트랩 합니다. (bootstrap(UI)플러그인과 다른 의미) ng-modle 지시자..