• 카테고리

    질문 & 답변
  • 세부 분야

    프로그래밍 언어

  • 해결 여부

    미해결

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

20.02.17 00:23 작성 조회수 174

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

준비를 많이 하지 않은 답변이라 충분치 못합니다. 

감사합니다.