如何使用 slickgrid 显示 mysql 数据库内容？答案

【问题标题】：how to display mysql database contents with slickgrid?如何使用 slickgrid 显示 mysql 数据库内容？
【发布时间】：2012-09-07 15:13:31
【问题描述】：

新手堆栈溢出，尽我所能正确地问这个问题。

目标：

通过 slickgrid 在 html 页面中显示 mysql 数据库的内容。
能够使用来自 jquery ui 主题滚轮的主题设置此网格的样式。
能够通过此界面编辑记录并将其添加到数据库中。

研究：

我搜索了所有主要的“网格”应用程序并遇到了：

phpgrid
jqgrid
数据表
弹性网格

还浏览了此处的网格列表：

20 JQuery Table Datagrid Plugins

并读到 jquery ui 团队实际上将发布他们自己的网格，但它目前处于暂停状态。

因此，通过这项研究，我决定使用 slickgrid，因为人们说它速度很快，而且我喜欢干净的布局以及它可以使用 jquery ui 进行蒙皮的事实（而且它是免费的）。

我发现使用 slickgrid 从数据库获取数据的大多数语法和方法我无法理解（这些领域的新手），但我发现的最接近一组“指令”的方法在这里：

SlickGrid AJAX data

但是我在第 5 步卡住了。

所以我想这篇文章是在问，任何人都可以为新手提供有关如何操作的分步说明：

通过 slickgrid 在 html 页面中显示 mysql 数据库的内容。
可以通过这个界面编辑和添加记录到数据库中。

我已经从 slickgrid github page 下载了包含现有示例的 zip 文件。

谢谢！

ps 我有提到的所有应用程序和来源的链接，但作为一个新用户，不能发布两个以上的链接。

【问题讨论】：

如果您熟悉 codeigniter，请尝试carbogrid。这更容易理解并且具有许多内置功能
非常感谢布万。我已经下载了 carbogrid 并且代码很好地呈现和评论。但是，他们网站上显示的“示例”文件夹不在可下载的 zip 中，有什么想法可以让示例工作吗？谢谢！
您可以在每个示例的末尾获取源代码。
再次感谢 Bhuvan，我不知道如何实现carbogrid.com/index.php/sample/home 的每个示例之后显示的源代码，因为它没有显示完整代码，仅显示代码操作的逻辑那些知道如何实现它的人。我尝试将其复制并粘贴到 php 文件中，但出现“不允许直接脚本访问”错误等。carbogrid 的网站有一个目录，其中包含所有演示，名为“示例”。 carbogrid的下载文件夹，以及google的源代码，可惜没有这个文件夹，所以不知道怎么实现。
我想我已经隔离了问题，在可下载的 zip 文件中，在位置 /application/views/header.php 中，有对“示例”文件夹的引用。这些需要更改，因为“示例”文件夹不存在，但我还不知道该怎么做。

标签： php mysql html slickgrid

【解决方案1】：

最后，这一切都归结为在表格中显示数据。所有网格都从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”取得了一些不错的结果，但大多数网格仅在易于配置和功能集方面有所不同。

【讨论】：