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

執筆者:

関連記事

Hallo.jsのMarkdownをWYSIWYGで編集できるサンプルがぐう便利だったのでRails3.2とBackbone.jsでやってみた

hallojs.org/demo/markdown/ これ  とにかく一度さわってみて欲しいんですけど 目次1 サンプルの便利ポイント2 Rails3.2とBackboneで動かしてみる サンプルの便 …

no image

Rails3.2.8でPostgreSQLを使う(開発環境)〜pg gem

環境 Ubuntu server12.04にPostgreSQLをインストールする 参考 #342 Migrating to PostgreSQL @railscasts 目次1 準備2 データベース …

Rubyで静的ページをジェネレート〜middleman

静的ページのジェネレータとしてはjekyllやこれを使ったoctopressなどがメジャーなようで middlemanもそんな静的なページのメジャーなジェネレータの1つ middlemanの利点は次の …

RailsでECサイト構築2 注文してみる~spree

  前提 RailsでECサイト構築~spree さっきは日本に発送できなかったので、最小限の設定をして注文から入金・発送までの一連の流れをみてみる 目次1 設定2 注文してみる3 入金・発 …

Rails3で帳票印刷を試す~thinreports

  www.thinreports.org/ github.com/thinreports/thinreports-rails3-example 目次1 とりあえずサンプルを試してみた2 ソ …