rails3にjqGridを実装する

jqGridはとても綺麗な表なのですが、もともとrails3用には作られていないようなのでうまく実装できず困っていました。

rails3用のプラグインであるjqgrid-rails3は見つかったのですが、どうやったら動くのか良くわからなかったのです。


ですが、、、なんとか試行錯誤の末、実装に成功したのでその流れを書いておきます。

結論から言えば、jqGrid(http://www.2dconcept.com/jquery-grid-rails-plugin)はインストールせず、jqgrid-rails3(https://github.com/doabit/jqgrid-rails3)だけをインストールします。

以下の手順でそのようになります。


cmd

rails new grid
cd grid
rails plugin install git://github.com/doabit/jqgrid-rails3.git
rake jqgrid:install
rails generate jqgrid user id pseudo email firstname

gem install jquery-rails

gemfileに追記

gem 'jquery-rails'

cmd

bundle

/config/environment.rbに追記

require 'openssl'
OpenSSL::SSL::VERIFY_PEER = OpenSSL::SSL::VERIFY_NONE

cmd

rails generate jquery:install

rails generate scaffold userdata id:string pseudo:string email:string firstname:string
rake db:migrate

views/layouts/application.html.erbのヘッダーに追記

<%=jqgrid_javascripts%>
<%=jqgrid_stylesheets%>

views/userdata/index.heml.erbにviews/users/index.heml.erbの内容をコピペ


cmd

rails s

これでめでたくhttp://localhost:3000/userdataにjqGridが表示されます!!

f:id:isseing333:20110419225723p:image


あとはデータベースにいろいろ入れるだけです!

ちなみに以上の手順は、railsinstallerでインストールした直後でも実行できます。

ページTOPへ