如何用slickgrid显示mysql数据库内容?

时间:2012-09-14 12:41:50

标签: php mysql html slickgrid

堆叠溢出的新手,尽我所能正确地问这个问题。

目的:

  1. 在html页面中通过slickgrid显示mysql数据库的内容。
  2. 能够使用jquery ui主题滚轮中的主题设置此网格的样式。
  3. 能够通过此界面编辑和添加记录到数据库。
  4. 研究:

    我已经找到了所有主要的'网格'应用程序并且遇到了:

    • phpgrid
    • 的jqGrid
    • 数据表
    • flexigrid

    并浏览网格列表:

    并且读到jquery ui团队实际上将发布他们自己的网格但是暂时暂停。

    所以在研究中我决定使用slickgrid因为人们说它很快并且我喜欢干净的布局以及它可以用jquery ui进行蒙皮(并且它是免费的)。

    我发现使用slickgrid从数据库中获取数据的大多数语法和方法我都无法理解(这些区域中的新手)但是我发现最接近一组“指令”的是:

    SlickGrid AJAX data

    然而,我在第5步陷入困境。

    所以我想这篇文章是在询问,有人可以提供有关如何的新手的分步说明:

    1. 在html页面中通过slickgrid显示mysql数据库的内容。
    2. 能够通过此界面编辑和添加记录到数据库。
    3. 我从slickgrid github page下载了包含现有示例的zip文件。

      谢谢你!

      ps我有所提到的所有应用和来源的链接,但是由于新用户无法发布超过两个链接。

1 个答案:

答案 0 :(得分:0)

最后,它归结为在表格中显示数据。所有网格都从DOM中选取一个表格,然后“增强”它们。

作为一个新手,在使用JQuery / Javascript网格设置页面之前,我建议先将其作为“普通”表工作。当这一切都有效时,更容易理解网格的作用。

这应该让你前进:

 <table>
    <?
    $entries = $this->model->FindAll();
    if ( $entries )
      foreach ( $entries as $entry ) {
        ?>
        <tr>
          <td><?= $entry['admid'] ?></td>
          <td><?= $entry['admname'] ?></td>
          <td><?= $entry['admemail'] ?></td>
        </tr>
        <?
      }
    ?>
  </table>

我使用' Datatables.net '获得了一些不错的结果,但大多数网格仅在配置和功能集的易用性方面有所不同。