Back Ground

jqgrid를 사용하다보면 선택된 줄의 정보를 사용해서 처리해야 하는 경우가 많이 생긴다 선택된 줄에 설정된 아이디 값을 가져오거나 선택된 줄의 rowdata 에서 특정 값을가져오기 위해서는 getGridRowData, getGridParam 등을 사용하면된다. 12$( "{gridtableid}" ).getGridParam( "selrow" );$( "{gridtableid}" ).jqGrid('getGridParam', "selrow" ); 위의 스크립트를 실행하면 현재 선택되어있는 줄의 아이디 값을 반환한다 만약 선택된줄이 없다면 null을 반환하며 jqGrid를 만들때 multiselect옵션을 true로 주엇다면 선택된줄들중 마지막에 선택된 줄의 id 값을 반환한다 만약 multiselect옵션..

is () 메소드를 확인 선택된 요소 중 하나가 일치하는 경우 12345678910111213141516$(document).ready(function(){ $("p").click(function(){ if ($("p").parent().is("div")) { alert("Parent of p is div"); } });}); Click me to find out if I my parent is a div element.

1. checked 여부 확인 12$("input:checkbox[id='ID']").is(":checked") == true : false /* by ID */$("input:checkbox[name='NAME']").is(":checked") == true : false /* by NAME */ 2. checked/unchecked 처리 1234 $("input:checkbox[id='ID']").prop("checked", true); /* by ID */ $("input:checkbox[name='NAME']").prop("checked", false); /* by NAME */ 3. 특정 라디오버튼 선택 / 모든 라디오버튼 선택해제 12$("input:radio[name='NAME']:radio..

http://jqueryui.com/themeroller/

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 몇개가 있..