Railsで使えるGem

Rails4とBootstrapをつかった動的なナビゲーションとパンくずリスト〜acts_as_nested_set

投稿日:

Railscast

#162 Tree-Based Navigation (revised)を参考に

acts_as_nested_set

github.com/collectiveidea/awesome_nested_set

Gemfile

scaffold

parent_id,rgt,lftというカラムが最低必要.

migrationファイル

model

_form.html.erb

lft,rgtは内部でつかうので、フォームでは不要.
また、親idのセレクタについては、便利なヘルパーが用意されている.

screenshot

simple_formではこう

情報

チートシート
Awesome nested set cheat sheet
Rails3での入れ子集合モデル(nested set model)

ヘッダーnav

show.html.erb

rootsアイテムはヘッダーメニューに表示する

routes.rbでrootはid=1を指定

サイドメニュー

パーシャルを使って再帰的に木構造のデータを読み込む

_sabmenu_pages.html.erb

パンくずリスト

show.html.erb

できた

screenshot

the sortable tree

github.com/the-teacher/the_sortable_tree
Awesome Nested Set Drag&Drop GUI. Best Render Tree Helper for Awesome Nested Set.

Gemfile

jquery uiが必要

application.js

application.css

routes.rb

extend Model

extend Controller

helperメソッド sortable_tree

できた

screenshot

-Railsで使えるGem
-,

執筆者:

関連記事

Rails3.2で位置情報を日本語表示の住所に変換する~geocoder

ついにブログ記事が100件突破した! そのうちメニュー項目などをわかりやすく構成し直したいと思う いまはRailsのプログラムが楽しくて仕方ない時期なので色々と試して書き溜めたいと思う EverNot …

Rails3でECサイト構築8 都道府県の登録~spree

  都道府県の登録を忘れていた seedを追っていくとわかるのだけど、rake db:load_file[tablename.yml, dir]で登録できる サンプルは、spree_core …

backbone-relationalをJasmineでテストしてみた

FullCalendarのagendaViewでselectの場所がずれる問題

  By: Ben Piddington 前回 Rails3.2でGoogle Calendarライクなカレンダーを使う〜fullcalendar-rails   gemは最新の1 …

Rails3.2でJasmineをつかってCoffeeScriptをテスト~jasminerice

    #261 Testing JavaScript with Jasmine (revised)   addyosmani.github.com/backbone-f