HTML 파일이 있습니다. 내가 동적으로 테이블을 만들고, 팝업 창에 그것을 채우기 싶습니다. 테이블 데이터는 로컬 데이터베이스에서 가져옵니다. 누군가이 아이디어에 어떻게 접근 할 수 있습니까? 나는 자바 스크립트에 익숙하지 않으므로 어떤 도움이 많이 주어집니다. 테이블을 만들고 팝업 창에 테이블을 채우십시오.
당신이 사용하기 위해 jQuery를하고 부트 스트랩을 사용할 수있는 경우에,이 두 라이브러리가 당신을 도와 함께 일할 수있는 좋은 예가 될 것입니다, 감사합니다. Ajax를 통해 데이터를 요청
그렇다면은,
당신의 최선의 방법 일 것이다. jQuery $ .post() 메소드를 살펴 보자. 내부적으로 jQuery ajax 구현에는 브라우저 간 불만을 해결하기 위해 800 줄이 넘는 코드가 있습니다. jQuery없이 ajax 구현을 작성하는 것에 반대하는 다른 개발자의 작업을 활용할 것을 권장합니다.
http://api.jquery.com/jQuery.post/
당신은 당신의 데이터가 있으면, 당신은보기 템플릿이나 자바 스크립트와 테이블로 채울 수 있습니다.
"프레임 워크"인 "부트 스트랩"을 사용하고 있다면이 기능을 사용하여 테이블을 깔끔하게 정리할 수 있습니다. 테이블 요소에 "table"과 "table-striped"클래스를 할당하면 테이블을 깔끔하고 깨끗하게 보여줍니다. 다음은 부트 스트랩에 대한 설명서,
http://twitter.github.com/bootstrap/base-css.html#tables
지금까지와 같은 팝업 창, 부트 스트랩에서 제공하는 모달 윈도우는 사용자 친화적 인 팝업 윈도우의 매우 쉽게 구현된다.
http://twitter.github.com/bootstrap/javascript.html#modals
이러한 도구가없는 경우, 내가 그들을 사용하거나 그들에게 익숙해 캠페인을 시작 건의 할 것입니다. 브라우저 간 불만을 토로하며 많은 시간을 절약 할 수 있습니다.
행운을 빈다.
knockout.JS http://knockoutjs.com/ 또한 jQuery의 AJAX를 통해 가져온 테이블의 데이터를 채우고 조작하는 데 도움이되는 이전 답변 제안과 함께 유용 할 수 있습니다.
jQuery와 같은 자바 스크립트 라이브러리를 사용 하시겠습니까? – Learner
이 도움이 될 것입니다. http://iviewsource.com/codingtutorials/getting-started-with-javascript-object-notation-json-for-absolute-beginners/ – Learner