Front-End/jQuery
Template literals
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Template_literals test11234567891011121314151617181920212223242526272829303132 테스트 var template = ` `; //alert(a.toString());var $row = $(template.toString());$row.find(".title").text("제목11");$row.find(".content").text("내용22");$("div#test").append($row); $("div#test").empty(); var $row2 = null;for(var i=0; i
HTML5 input required, $("input:invalid") 활용
input required : 필수값여부document.querySelectorAll('input:valid') : valid input 찾기document.querySelectorAll('input:invalid') : invalid input 찾기document.forms[0].checkValidity() : 폼 내 dom들 validation체크$("input:invalid") : jquery로 invalid input 찾기(jquery invalid extend필수) html5 기능은 ie9부턴가 지원되니까, ie9이상환경 프로젝트나 모바일/태블릿프로젝트에서 활용WEB TEST : https://jsfiddle.net/ab5saeav/ 1234567891011121314151617181920212..
jquery promise, Deferred 테스트
- Javascript Promise크롬,사파리,IE EDGE 등등 사용가능. IE6~11 지원안함.https://www.a-mean-blog.com/ko/blog/%ED%86%A0%EB%A7%89%EA%B8%80/_/Javascript-Promise - $.Deferred() - (비동기함수를 순차적으로 실행함.)크롬, IE 등등 호환..resolve(Object) : 완료(성공)reject(Object) : 에러(실패)promise() : 완료 or 에러가 될때까지 기다림 함수를 연결하면 순차적으로 호출됨.functionCall(parameter) // 처음 실행할 함수.then(성공시 함수, (생략가능)실패시 함수).then(성공시 함수, (생략가능)실패시 함수).........fail(실패시 th..
jquery 강제 엔터처리
// 1. var e = jQuery.Event( "keydown", { keyCode: 13 } ); $(this).trigger( e ); // 2. var press = jQuery.Event("keypress"); press.ctrlKey = false; press.which = 40; // ... any other event properties ... $(셀렉터).trigger(press);
jqGrid Pager(Navigator) 옵션주기
네이게이터인지 페이지 머시긴지 수많은 옵션 주는것 API - http://www.trirand.com/jqgridwiki/doku.php?id=wiki:navigator jQuery("#grid_id").jqGrid({ ... pager : '#gridpager', ... }).navGrid('#gridpager',{view:true, del:false}, {}, // default settings for edit {}, // default settings for add {}, // delete instead that del:false we need this {search_options}, // search options {} /* view parameters*/ ); ... /* 네비게이터 */ $("..
jqGrid 검색할때 DB를 조회하여 읽어들이기
onSearch:function 이벤트를 이용하여 미리 해당하는 레코드들을 뽑아내고 그것을 화면에 뿌려준다. jqGrid 그리는 코드는 생략. 실험은 성공했지만, 구현할경우 추가코딩이 필요하다. 처리로직이 생략되어있다. /* 네비게이터 */ $("#user_table").jqGrid('navGrid','#user_pager' ,{/* options */} ,{/* Edit options */ closeAfterAdd: true, reloadAfterSubmit: false } ,{/* Add options */ closeAfterAdd: true, reloadAfterSubmit: false } ,{/* Delete options */ reloadAfterSubmit: false } ,{/* Search..
jqGrid 버튼라벨들 (버튼이름 바꾸기)
API에 잇는거 하나하나 해보려니까 엄청많다~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 실전에서 이거 하나하나 찾으려했으면 너무힘들었을꺼같다// 한글이었다면 금방 찾앗을텐데 ===================================================================== API - http://www.trirand.com/jqgridwiki/doku.php?id=wiki:navigator 1. 변경할 그리드옵션에 하나하나 직접 이름을 지정하는 ..