본문 바로가기

개발/JAVASCRIPT

개발/JAVASCRIPT 2021. 1. 28. [jqGrid] 특정 행의 글자 색깔 바꾸기 // 모든 데이터와 프로세스가 로딩 완료 되었을 때 gridComplete: function(){ var rowIds = mygrid.getDataIDs(); var rowData = mygrid.getRowData(); // 입고 요청일이 지난 입고 대기건 행 색깔 변경 $.each(rowData, function(idx, rowId){ rcvDate = new Date(rowId.RECEIVING_REQUEST_DATE); if( rcvDate < today && rowId.RECEIVING_STATUS == '입고대기' ) { mygrid.jqGrid('setRowData', rowIds[idx], false, {color:'red'}); } }); }, 중요한 부분은 mygrid.jqGrid('s..
개발/JAVASCRIPT 2021. 1. 14. [jQuery] 동적 생성된 테이블 tr 클릭시 체크박스 처리 이런 모양의 테이블을 동적으로 생성한다는 가정하에, 한 줄을 눌렀을 때(행) 맨 앞 체크박스가 클릭 되도록 하고 싶다! 이정도는 껌이다. $("#tableId").on('click', 'tr', function(){ var chkbox = $(this).find('td:first-child :checkbox'); chkbox.prop('checked', !chkbox.prop('checked')); } 하지만 체크박스를 직접 누를 시에는 checkbox를 클릭을 해도 tr을 클릭한 상태로 인식을 하여서 checkbox가 눌려지지 않는다. 그래서 ! $("#tableId").on('click', 'tr', function(e){ if( $(e.target).is('input:checkbox') ) retu..
개발/JAVASCRIPT 2020. 11. 30. [JQuery] 선택자 공부 webzz.tistory.com/25 [jQuery] Intro 제이쿼리 제이쿼리는 자바스크립트 라이브러리를 이용해 만든 언어입니다. 제이쿼리는 HTML에 포함되어 있는 클라이언트 사이드 스크립트 언어를 단순화하도록 설계된, 웹 브라우저 호환성을 webzz.tistory.com 이 곳에 다 정리되어 있음!! 퍼블이라고는 .show(), .hide()밖에 못하던 내가 메뉴 만들기 도전!! 그리고 성공 !!! 드롭다운 메뉴는 제이쿼리로 정말 간단하게 끝낼 수 있었다!!
개발/JAVASCRIPT 2020. 11. 4. [Javascript] 이벤트 버블링을 막아보자 길었던 8개월이 끝나고 가산으로 다시 돌아왔다!!!!!!! 오자마자 본사에서 진행중인 프로젝트 지원에 들어감,,, 그래도 행복하닷!!!! 오늘 코딩 중에 새롭고 재미있는 사실을 하나 배움 예를 들어 function click_li(){ alert("you clicked li!"); } function click_btn(){ alert("you clicked input btn!"); } 이런 상황에서 버튼 타입의 input을 눌렀을 때, 내 예상으로는 click_btn만 실행될 것 같았지만 이상하게도 "you clicked input btn!"이 뜬 후 "you clicked li!"가 alert로 떴다. 한참을 헤매다가,,, 구글링으로 알아냄 이 현상은 이벤트 버블링(Event Bubbling)이라고 하..
개발/JAVASCRIPT 2020. 2. 11. [javascript] html 파일 정보 가져오기 html 파일 정보 가져오기 var el = document.getElementById("edu_jsp"); var files= el.files; console.log(files); jsp 파일은 왜 업로드가 안되나??????
개발/JAVASCRIPT 2020. 2. 10. [jqGrid] 그리드 속성 및 기초 grid 속성 url : 호출할 url datatype: grid를 처리할 응답(xml, json 등) colNames : grid 헤더에 표시될 칼럼명 colModel : 칼럼 정보를 서술한 배열 pager : 그리드 하단 페이징정보 표시될 영역(div로 지정) pagerpos: 페이징 정보 표시될 위치 (left, center, right) rowList: 페이징에서 한 페이지에 보여줄 목록 수 선택정보 표시 rowNum: grid에 표시될 row 수. -1을 지정하면 무제한으로 표시되나 정렬 시 문제가 발생 할 수 있음 sortname: 정렬할 칼럼명 지정 sortorder : 정렬 방법(asc, desc) autowidth : ture이면 부모요소의 길이로 grid길이를 재계산하여 설정 rownu..
개발/JAVASCRIPT 2020. 2. 7. [Ajax] $.ajax() 와 .ajaxSubmit() zepinos 19k 2013-02-26 13:22:01 jquery $.ajax 을 상속받아서 구현된 것이라 동기/비동기 컨트롤 가능하고, $.ajax 의 function 도 대부분 이용 가능합니다.그리고, 화면 깜빡임 없이 백그라운드 처리가 되기도 하고, ajaxSubmit 이 아니라 ajaxForm 으로 사용하시면 기존 Form 을 그대로 이런 백그라운드 처리 할 수 있습니다. 아울러 백그라운드로 데이터를 보내기 때문에 파일을 미리 업로드하고 글 저장을 나중에 하도록 처리하는 방식에도 이용 가능합니다. 예를 들면...많이 쓰는 제로보드(?)의 파일업로드를 보면 먼저 파일을 업로드하고, 리스트에 보이는 것들을 다시 삭제하고...이런 것도 가능한데, 이것 역시 이런 jquery.form 을 이용해서 구..
개발/JAVASCRIPT 2019. 12. 2. [jQuery] a태그 클릭 시 화면이 상단으로 이동하는 경우 이런 태그가 있다고 치면, 따로 js에 퍼블이 되어 있지 않은 경우 클릭 시 새로고침 한 것 처럼 화면이 상단으로 쑥 올라간다. 물논 새로고침이 되는 건 아님 예방법은 그 이벤트에 preventDefault()를 먹여버리면 됨 ex) $(".select>li>a").on('click', function(e){ $("#selectValue").val($(this).attr('value')); e.preventDefault(); }); 이런 식으로 는 내 소스 그대로 적긔 해결쓰!
개발/JAVASCRIPT 2019. 11. 15. [JavaScript] BUTTON 자동 SUBMIT 막기 Form 태그 안에 있는 Button 태그 라던가, a 태그라던가, Input type='button' 타입의 onClick시에 분명히 Ajax로 넘기는데도 자꾸 자동으로 Submit이 됨 매우 빡쳐있는데 대표님이 보고는 비웃으며 도와주심 맛밀최고 라거나 맛밀최고 혹은 맛밀최고 이런 식으로 type에 button을 주거나, a 태그의 경우에는 onClick말고 href에 함수를 직접 주는 방법들이 있다고 함 찾아보니 딱히 왜 그런지보다 버그인 것 같다는 이야기가 많았음 해보니 아주 잘 됨 대표님 존경합니다
개발/JAVASCRIPT 2019. 8. 16. [Ajax] ajax success에서 return 하기 function search() { var search_var; $.ajax({ url: "/admin/search_ajax.do", // dataType: "json", type: "post", async: false, data: { param1 : "param1", // POST형식으로 url과 함께 보낼 값1 param2 : "param2", // POST형식으로 url과 함께 보낼 값2 }, success: function(data) { search_var = data.dataList; // data로 받아온 List를 변수에 담기 alert(search_var); // 확인 }, error: function(e) { alert("값을 가져오지 못했습니다."); } }); return search..

티스토리툴바