인프런 커뮤니티 질문&답변
작성한 질문수
인라인 그리드 셀 편집 기능구현 문의 드립니다.
작성
·
236
0
좋은 강좌 강사드립니다.
다름이 아니라 궁금한 부분이 있어 문의 드립니다.
간단한 ajax를 이용한 그리드 인라인 편집을 구현해 보려고 하고 있습니다.
임의의 레코드의 셀인 td 나 input 을 클릭 값을 변경해 주었을때
클릭된 td 상위 태그인 tr 하단에 저장 버튼 박스를 붙여 셀 값을 업데이트해 주려고 합니다.
혹시 간단한 예시나 팁을 주실수 있을까요?
답변 1
1
유인동
지식공유자
안녕하세요. 질문 감사드립니다.
본 강의하고 아주 연관이 있는 질문은 아니어서 제가 아주 상세히 답변 드리긴 어려울거 같습니다.
tr 태그 내부에는 td나 th외의 태그를 넣으면 안되기 때문에
input을 편집했을때 table보다 더 상위 태그에 button을 넣어주고 위치는 해당 input의 offset 값을 구해서 넣어주면 될 것 같습니다.
button은 position: absolute 같이 띄워져 있게 설정해주고 top 과 left 값을 넣으면 될 것 같습니다.
offset 값을 구하는 팁은 아래 링크를 참고해보세요.
https://github.com/marpple/FxDOM/blob/master/offset.js
준비를 많이 하지 않은 답변이라 충분치 못합니다.
감사합니다.