【问题标题】:create a table and populate it on a popup window创建一个表并在弹出窗口中填充它
【发布时间】:2013-02-20 19:01:15
【问题描述】:

我有一个 HTML 文件。我想动态创建一个表格,在弹出窗口中填充它。表数据将来自本地数据库。有人可以告诉我如何解决这个问题吗?我是 javascript 新手,非常感谢任何帮助。

谢谢,

【问题讨论】:

标签: javascript html


【解决方案1】:

如果您可以使用 jQuery 和 Bootstrap,那么这将是一个很好的示例,两个库可以协同工作来帮助您。

如果是这样,

通过 Ajax 请求您的数据将是您的最佳选择。查看 jQuery $.post() 方法。在内部,jQuery ajax 实现有超过 800 行代码来获得跨浏览器的投诉。我建议利用其他开发人员的工作,而不是在没有 jQuery 的情况下编写 ajax 实现。

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

获得数据后,您可以使用 View 模板或 JavaScript 将其填充到表格中。

如果您有 Bootstrap,一个 CSS“框架”,您可以使用它来真正让您的表格看起来整洁。将您的表格元素分配给“table”和“table-striped”类,这将使您的表格看起来整洁干净。这是 Bootstrap 的文档,

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

就弹出窗口而言,bootstrap 提供的模态窗口是用户友好弹出窗口的一种非常简单的实现。

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

如果您没有这些工具,那么我建议您使用它们或发起一个活动来使用它们。他们是跨浏览器投诉,可以节省很多时间。

祝你好运!

【讨论】:

    【解决方案2】:

    您可能还会发现 Knockout.JS http://knockoutjs.com/ 与以前的答案建议结合使用,有助于在您通过 jQuery 的 AJAX 获取数据后帮助填充和操作表中的数据。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2023-03-27
      • 1970-01-01
      • 2021-11-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多