일정관리 테이블 불러올때 질문 있습니다.

Question

안녕하세요 일정관리 테이블 불러올때 궁금한 점이 있어 질문 드립니다.ajax로 jsp로 만들어진 테이블을 불러오는데 동적으로 테이블이 생성이 되어야 하는데 어떻게 해야 할지 모르겠습니다.중간에 3시에서 5시 사이에 일정이 있으면 앞뒤로 td가 동적으로 만들어줘야 하는데 아래의 소스로는 안되더라구요$(document).ready(function() { $("#time_grid tr").each(function() { // 각 tr 요소에 대해 var tdCount = 0; // 해당 tr 요소의 td 요소 개수를 세기 위한 변수 초기화 $(this).find("td").each(function() { // 해당 tr 요소의 각 td 요소에 대해 var colspan = $(this).attr("colspan"); // 해당 td 요소의 colspan 속성 값 가져오기 tdCount += colspan ? parseInt(colspan) : 1; // colspan 속성이 있으면 그 값을, 없으면 1을 tdCount에 더하기 }); var diff = 24 - tdCount; // 필요한 td 요소의 개수 계산 if (diff > 0) { // td 요소가 24개 미만인 경우 for (var i = 0; i < diff; i++) { // 필요한 만큼 td 요소 추가 $(this).append(""); } } }); });

장독깨기 · Answer

일정에 따라 td 를 동적으로 만들고 제어하고 일케 하지 마시구요,td 는 시간 대별로 쭉 만들어 두시구요,해당하는 일정을 div 로 만들고, 테이블 위로 시간에 맞춰서 덮어 보세요.position 으로 위치 조정할 수 있을 겁니다.

일정관리 테이블 불러올때 질문 있습니다.

1개의 답변

기술 목록