0

スタックオーバーフローの初心者で、この質問を正しくするために最善を尽くしています。

標的:

  1. HTMLページでslickgridを介してmysqlデータベースの内容を表示します。
  2. jquery ui テーマ ローラーのテーマでこのグリッドのスタイルを設定できるようにします。
  3. このインターフェイスを介してデータベースにレコードを編集および追加できるようにします。

リサーチ:

私はすべての主要な「グリッド」アプリを探し、出くわしました:

  • phpグリッド
  • jqgrid
  • データテーブル
  • フレキシグリッド

また、ここでグリッドのリストを参照しました。

そして、jquery ui チームが実際に独自のグリッドをリリースしようとしていたが、現在一時停止していることを読んでください。

その研究で、私は slickgrid に決めました。なぜなら、人々はそれが速いと言っていて、私はきれいなレイアウトと、jquery ui でスキニングできるという事実が好きです (そしてそれは無料です)。

slickgrid を使用してデータベースからデータを取得するために見つけた構文とメソッドのほとんどは理解できませんが (これらの分野の初心者)、一連の「指示」に最も近いものは次のとおりです。

SlickGrid AJAX データ

ただし、ステップ5で行き詰まります。

だから私はこの投稿が求めていると思います.誰でも初心者向けに次の方法について段階的な指示を提供できますか?

  1. html ページで slickgrid を介して mysql データベースの内容を表示します。
  2. このインターフェイスを介してデータベースにレコードを編集および追加できます。

既存の例を含む slickgrid github ページから zip ファイルをダウンロードしました。

ありがとう!

ps私は言及されたすべてのアプリとソースへのリンクを持っていましたが、新しいユーザーは2つ以上のリンクを投稿できませんでした.

4

1 に答える 1

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 'でいくつかの良い結果が得られましたが、ほとんどのグリッドは構成と機能セットの容易さだけが異なります。

于 2012-09-14T12:55:54.667 に答える