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
-,

執筆者:

関連記事

RailsでECサイト構築5 プロモーションを試す~spree

  spreeをインストールするとspree-promoというエクステンションが含まれている これを使うといろいろな販売企画をすることができる 管理画面から適当に作成してみる 今回は特定の商 …

no image

Rails3で動画配信を試用~flowplayer

  最近はYoutubeなど動画配信サイトも充実してきていて知人向けのプライベートな配信も可能なようだ しかし、やっぱりYoutubeにアップするのは抵抗があったり、LAN内だけで配信したい …

もしもRails3.2とBackbone.jsでリアルタイムな2ch風な掲示板をつくったら〜private_pub

By: Kevin Dooley – CC BY 2.0   まだ、Observerのことがよくわかってない ので、過去のやつをもとにやってみた dry-shore-2517.h …

TwitterBootstrapでアイコンが微妙な感じだったらFontAwesomeを試してみるといい

かもしれない fortawesome.github.com/Font-Awesome/ hallojsで使ってるのは上 github.com/bokmann/font-awesome-rails gi …

Rubyでウェブサイトを操作してリストをつくる〜mechanize

    By: JoshSemans   以前からRailscastsというRuby on Railsの動画サイトが好きでよく見ているのだが、380近く動画があって気にな …