Back Ground

1. multiselect 옵션 사용 jqGrid에서 지원하는 multiselect 옵션을 사용합니다.체크박스가 생성되는 컬럼 헤더부분에 전체 선택을 할 수 있는 체크박스도 생성됩니다. 1234567891011121314151617181920jQuery().ready(function(){ /*그리드 선언 시작*/ jQuery("#Grid").jqGrid({ url:'/control/getGridList.do', datatype:"json", //get 데이터 타입 xml, json, local.... heigth:300, colNames:['학교','성명','수학','국어','영어','총점','key'], colModel:[ {name:'school', index:'school', width:120, a..

https://jqueryui.com/download/ jQuery ui 라이브러리를 부른후 사용하여야한다. 1234567$('.date_picker_popup').daterangepicker({ locale: { format: 'YYYY-MM-DD' }, singleDatePicker: true, showDropdowns: true }); WidgetProvides a factory for creating stateful widgets with a common API.PositionPositions elements relative to other elements. :data SelectorSelects elements which have data stored under the specified key...

javascript에서 key enter 인식 event.keyCode == 13 (키보드 enter number) 방법1 12345$('#my-id').live('keypress', function(e) { if (e.which == 13) {/* 13 == enter key@ascii */ alert("you pressed enter key"); }} 방법212345678910111213141516171819$(document).ready(function(){ $("input[name=searchBook]").keydown(function (key) { if(key.keyCode == 13){//키가 13이면 실행 (엔터는 13) searchBook(); } }); searchBook = functi..

css selector css 연결 경로 - id는 하나에만 선택되어야 하고- class는 여러 중첩이 선택되어야 한다. id selector : #aa input[type:text] class selector: .bb>.cccc 등 무언가 찾을때 중첩되는게 있는지 알기 좋은 메소드 1234alert($('#user_name_from_box[type=text]').length);$('#user_name_from_box[type=text]').each(function() { alert($(this).prop('outerHTML'));}); alert($('#user_name_from_box[type=text]').length); 으로 user_name_from_box의 input이 .length 몇개가 있..

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..

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 첫 번째 위치한 문서 객체를 ..