SMS처리 도우미
E-mail
  ldwin@naver.com
제목
  엑셀 형태 테이블 제작 7 (jQuery + Datatable plugin + Php + Mysql) (From. 소스놀이터)


이 강의는 jQuery 플러그인 중 하나인 "datatable"을 활용하여
"엑셀 형태 테이블"을 만드는 강의입니다.
(실시간 업데이트되는 엑셀 형태의 table을 만들어 봅니다)
jquery 플러그인(datatable)을 활용하기에 짧은 시간이지만
훌륭한 프로젝트를 완성할 수 있습니다.
그리고, table데이터를 서버(mysql 데이터베이스)에
저장하기 위해, php도 활용합니다.
이러한 과정을 통해 프로그래밍에 대한
이해도를 높이면서 재밌는 코딩 공부도 하실 수 있습니다.

제7강의에서는 컬럼 고정 기능을 구현합니다.
(실무에서 자주 쓰이는 유용한 기능입니다)

(이 강의를 위해 자바스크립트, php, mysql에 대한
기초적인 지식이 필요합니다.
프로그래밍에 대한 지식이 없다면,
"입문자를 위한 웹프로그래밍 강의-자바스크립트 강의"를 먼저 봐주세요.
필요하다면 "코드이그나이터로 실시간 게시판 만들기" 강의도 참조하세요)

 
트위터, 페이스북 공유 부탁드립니다~!
트위터   페이스북


 새로고침
안녕하세요. 제작해주신 내용으로 공부가 많이 되고 있습니다.
질문이 있어 남깁니다.

클릭이벤트로 데이터를 가지고 오고 변경된 내용으로 적용 후 바로 적용되려면 새로고침이 되는 방식이 될 것 같은데 그 부분은 어느 코드에서 적용되는지 알고싶습니다. 저는 코드를 조금 응용하여 진행했는데 F5를 통해서 새로고침을 하여야 변경된 내역이 보입니다. 알려주시면 감사하겠습니다.
 소스놀이터
클릭이벤트로 데이터 가지고 온후, 에러가 있으면 alert로 에러를 띄우고... 그렇지 않다면... 정상으로 간주하여.. 그대로 두었습니다. 일반적으로는 문제가 없지만, 말씀하신 것처럼 변경 후, 새로고침하는 것이 가장 안전합니다
수정 또는 추가 후, 새로고침하려면 다음 코드를 실행하세요
$('#example').DataTable().ajax.reload();

새로고침 버튼 클릭시 실행하는 경우라면, 다음 코드가 됩니다
<button onclick="$('#example').DataTable().ajax.reload();">새로고침</button>
 소스놀이터
그리고, 실무에 사용하시려면 꼭 Full Server Side 적용하세요. 그래야 데이터가 많을 때, 속도문제를 피할 수 있습니다
다음 강의에서 해당 내용 다루었습니다

엑셀 형태 테이블 제작 6-1 (jQuery + Datatable plugin + Php + Mysql) (From. 소스놀이터)

https://zooo.kr/fxbbs/f_view.php?i_code=program&i_id=178&CATEGORY=20
 새로고침
답변 주셔서 정말 감사합니다.
쉽고 알기쉽게 접근할 수 있도록 강의 해주셔서 많은 배움을 얻고 있습니다.

이렇게 질문 후 답변 받아보니 기분이 너무 좋네요 ^^ 좋은 하루 보내세요.
  • 패스워드
           
X