創建表並將其填充到彈出窗口中

Question

我有一個HTML文件。我想動態地創建一個表，將它填充到一個彈出窗口中。表格數據將來自本地數據庫。有人能給我一個想法如何解決這個問題嗎？我是新來的JavaScript，所以任何幫助非常感謝。

謝謝

Answer 1

如果您有jQuery和引導可供使用，那麼這將是一個很好的例子，其中兩個庫可以一起幫助你。

如果是這樣，

通過Ajax請求您的數據將是您最好的選擇。看看jQuery $ .post（）方法。在內部，jQuery ajax實現有超過800行代碼讓它跨瀏覽器投訴。我建議利用其他開發人員的工作，反對編寫沒有jQuery的ajax實現。

http://api.jquery.com/jQuery.post/

一旦你有你的數據，你可以填充它與視圖模板或JavaScript的表。

如果你有Bootstrap，一個CSS「框架」，你可以使用它來真正爲你的表提供一個整潔的外觀。爲表格元素指定類「table」和「table-striped」，這將爲您的表格提供整潔乾淨的外觀。這裏是文檔引導，

http://twitter.github.com/bootstrap/base-css.html#tables

至於彈出窗口，通過引導提供的模態窗口是一個非常簡單的實現一個用戶友好的彈出窗口。

http://twitter.github.com/bootstrap/javascript.html#modals

如果你沒有這些工具，那麼我會建議使用它們或啓動了一項活動，讓他們使用。他們是跨瀏覽器的投訴，可以節省很多時間。

祝你好運！

Answer 2

您可能還會發現Knockout.JS http://knockoutjs.com/與之前的答案建議一起使用，有助於在您通過jQuery的AJAX獲取表格中的數據時填充和操作表格中的數據。