본문 바로가기

JQuery28

[JQuery] JQGrid 단일 Row 또는 다중 Row 선택 후 값 불러오기 간단한 예제 (1) 단일 Row 일 경우 선택하여 값을 불러오기 var obj = $("#ListTable"); var rowId = obj.jqGrid("getGridParam", "selrow"); var value = obj.jqGrid('getCell', rowId, 'ColumnName'); alert(value); (2) MultiSelect 다중 Row 일 경우 값 출력 해보기 var obj = $("#ListTable"); var idx = obj .jqGrid('getGridParam', 'selarrrow'); for(var i = 0; i < idx.length;i++) { var value = obj.jqGrid('getCell', idx[i], ''ColumnName’); alert(value.. 2015. 2. 25.
[JQuery] datepicker 크기 조정 간단히 해보기 예제 기본적으로 제공된 css 파일을 수정하지 않고 css 메서드를 이용해 사항을 설정해 보았습니다. -- Font-size를 40px 설정해보니 상단의 년도와 , 월~토요일까지가 글자의 크기가 변경되는 것을 확인하였습니다. $('.ui-datepicker').css('font-size', '40px'); -- 년도 SelectList 의 높이 조정과 넓이 조정 $('.ui-datepicker select.ui-datepicker-year').css('width', '40%').css('height', '50px').css('font-size','40px'); -- 일자의 글자 크기 조정 $('.ui-datepicker td span, .ui-datepicker td a').css('font-size', '4.. 2015. 2. 18.
[JQuery] JqGrid DateTime열 날자형식만 간단히 표시 하기 JqGrid DateTime열 날자형식만 간단히 표시 하기 jQuery("#tbList").jqGrid({ datatype: "local", height: 350, // colNames: ["테스트"] colModel: [ { name: 'Spec', index: 'Spec', width: 150, sortable: false , formatter: "date", formatoptions: { newformat: " Y/m/d" } }], ondblClickRow: function (rowid) { Choice(); }, multiselect: true, autowidth: true, caption: "테스트", hiddengrid: false }); 날자와 시간을 같이 출력한다고 하면 formatopt.. 2015. 2. 9.
[JQuery] 키보드 입력시 keypress 또는 keyDown 이벤트가 발생하여 입력 키 코드 확인 키보드 입력시 keypress 또는 keyDown 이벤트가 발생하여 입력 키 코드 확인 $("#txtCode").keydown(function (e) { //입력키가 엔터 또는 Tab 키 일시 if (e.keyCode == 13 || e.keyCode == 9) { alert(e.keyCode); } }); keyPress 와 keyDown 이벤트의 차이를 확인한 것은 keyPress 이벤트 발생시에는 보조키 ex ) Tab , Shift 의 입력시 이벤트가 발생하지 않았지만 keyDown 이벤트에서는 Tab ,Shift 의 입력시에도 이벤트가 호출되는 것을 확인할 수 있었습니다. 2015. 1. 4.

티스토리툴바