인라인 그리드 셀 편집 기능구현 문의 드립니다.

Question

좋은 강좌 강사드립니다. 다름이 아니라 궁금한 부분이 있어 문의 드립니다. 간단한 ajax를 이용한 그리드 인라인 편집을 구현해 보려고 하고 있습니다. 임의의 레코드의 셀인 td 나 input 을 클릭 값을 변경해 주었을때 클릭된 td 상위 태그인 tr 하단에 저장 버튼 박스를 붙여 셀 값을 업데이트해 주려고 합니다. 혹시 간단한 예시나 팁을 주실수 있을까요?

MDU 유인동 · Answer

안녕하세요. 질문 감사드립니다. 본 강의하고 아주 연관이 있는 질문은 아니어서 제가 아주 상세히 답변 드리긴 어려울거 같습니다. tr 태그 내부에는 td나 th외의 태그를 넣으면 안되기 때문에 input을 편집했을때 table보다 더 상위 태그에 button을 넣어주고 위치는 해당 input의 offset 값을 구해서 넣어주면 될 것 같습니다.  button은 position: absolute 같이 띄워져 있게 설정해주고 top 과 left 값을 넣으면 될 것 같습니다. offset 값을 구하는 팁은 아래 링크를 참고해보세요. https://github.com/marpple/FxDOM/blob/master/offset.js 준비를 많이 하지 않은 답변이라 충분치 못합니다.  감사합니다.