개발환경 : nodejs / mariaDB / JS / jqgrid jqgrid : 그리드 조회, 수정, 추가, 삭제 전부 구현하기(1) - 그리드 조회 jqgrid : 그리드 조회, 수정, 추가, 삭제 전부 구현하기(2) - 그리드 수정 jqgrid : 그리드 조회, 수정, 추가, 삭제 전부 구현하기(3) - 그리드 추가 조회, 수정, 추가 구현했고 마지막 삭제 남았따. 삭제는 아주 간단하다. 먼저 HTML 코드 작성. 삭제버튼 클릭시 이동할 함수 구현 !
개발환경 : nodejs / mariaDB / JS / jqgrid jqgrid : 그리드 조회, 수정, 추가, 삭제 전부 구현하기(1) - 그리드 조회 jqgrid : 그리드 조회, 수정, 추가, 삭제 전부 구현하기(2) - 그리드 수정 조회 / 수정을 했으니 추가를 구현 해 보자 ! 처음에 그리드 조회 화면에서 추가버튼을 누르면 아래에 새로운 row 가 생기고 inline 형식으로 입력 후 저장버튼을 누르면 데이터가 저장되는 형식으로 만들려고 했으나 현재 셀 수정시 remote 형식을 사용하고 있기 때문에 row 추가할때 한셀 한셀이 입력되게 되는 문제가 있어서 추가할때 inline으로 바꿔주고 또 수정할땐 remote로 바꿔주고 할 수 없어서 추가 버튼 누르면 모달팝업이 떠서 입력 후 저장하는 방식..
오늘도 만난 jqgrid 에러. 어제도 이것때문에 한참 찾다가 아차차 해놓고 또 반복. 그치만 기억이 안나는걸 어떡해.. 바보가 자꾸 내는 에러^^ 수정 후 afterSubmitCell 이후에 에러가 났다. 성공이든 실패든 나버리고 Cannot read properties of undefined (reading '0') jqgrid jqGrid.min.js 파일에서 n[0]번째를 못찾아서 나는 에러... ====> 해결 afterSubmitCell 이벤트는 return값을 [ true , "" ] 이런식으로 설정해야 한다. 진짜 욱기지도 않지ㅠ 오류 해결했다고 적어놓고도 또 찾고 있었으니.. 이번엔 대문짝만하게 적어놨으니 또 뻘짓 할 일은 없겠지 이벤트의 정의를 잘 읽고 리턴타입을 제대로 설정해주자^^제..
jqgrid 리스트 조회 상태에서 cellsubmit : 'remote' 일때 ondbClickRow로 더블클릭시 셀 하나하나 바로 수정 가능하도록 구현하였다. 그리고 나서 submit 전까지 afterEditCell, afterSubmitCell을 호출하게 이벤트를 걸어줬는데 자꾸 ajax 2번 호출하는것이었다.. 다른 리스트 업데이트랑 동일한 코드인데 다른곳에서는 문제가 없는데 이부분에서만 계속 2번 호출하는 이상한 현상;;;; 진짜 별거 별거 다 바꿔봤는데도 다른게 없어서 한참 헤맸다. 토나올뻔 ===> key값을 지정해주지 않아서 발생, key값 지정해주니까 해결됨 다른 리스트들과 다르게 이 리스트는 DB 데이터 1줄밖에 없고 그래서 PK값도 없고 쿼리 날릴때도 where절 안걸어서 날리는데 그래..
개발환경 : nodejs / mariaDB / JS / jqgrid 저번 포스팅에서 화면에 grid 조회를 구현했다. https://daydreamer-92.tistory.com/106 이제 수정이 가능하게 해보자. 수정하는 방법은 1. 체크박스 클릭해서 수정버튼 클릭하고 모달 띄워서 수정하는 방법 2. 수정하고싶은 row 클릭해서 그 row 데이터 전부 수정 후 저장하는 방법 : inline 모드인것 같은데 이거는 cellsubmit 프로퍼티를 clientArray로 주어서 어떻게 해야하는 것 같고 3. 수정하고 싶은 cell 클릭해서 셀 하나하나 단독으로 수정하는 방법 이 정도로 생각을 해봤는데 내가 구현할 것은 3번으로 cell 하나하나를 각각 수정하는 방식으로 클릭시 수정 input으로 바뀌게 되..
시작하기전에 주절거려보자면 자바 스프링만 하던 초짜 신입이 회사때려치고 3년 놀다가 갑자기 회사 입사해서 nodejs를 다루는 상황입..니다.... 그러므로 처음 아무것도 몰랐던 그마음으로 다시 시작해보..자..! 간단한 관리자 웹 페이지를 만드는데. jqgrid를 사용. 메뉴 리스트를 보여주는 화면이다. 리스트 조회까지는 대충 구현이 되어 있는 상태에서. 수정/추가/삭제 구현. nodejs가 어떻게 돌아가는지도 모르고 jqgrid도 처음보는 라이브러리고. 라떼(?)는 js에 var 밖에 없었는데 const와 let이 생겨벌인 이 험난한 세상.. 시작해보자 ! 개발환경 : nodejs / mariaDB / JS / jqgrid 추가 삭제 menumast.ejs 에 넣은 html 코드 부분에 jqgrid가..
- Total
- Today
- Yesterday
- servlet
- 윈도우8.1
- 제이쿼리
- windows hyper-v
- Javascript
- String[] 파라미터
- spring
- 스크립팅 요소
- 자바
- 체크박스
- Split
- 게시판페이지설계
- 체크박스전체해제
- SQL
- jsp
- 이클립스DB연결
- jsp 기초 개념
- 게시판table설계
- 스프링
- selectbox에 값 매핑
- servlet게시판
- input[type=file]초기화
- foreach 배열
- Hyper-V
- 체크박스전체선택
- 자바스크립트
- java
- input[type=text]초기화
- windows 8.1
- c 태그
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |