データサイエンティスト上がりのDX参謀・起業家

データサイエンティスト上がりのDX参謀・起業家のブログ。データ分析や事業について。自身はアーティスト、経営者、事業家。

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が表示されます!!


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

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