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でjavascriptやcoffeescriptをつかうとき便利かもしれないGem

By: Stan Dalone & Miran Rijavec – CC BY 2.0 目次1 oj2 gon3 js-routes4 rails-dev-tweaks oj gi …

Rails5.1でnpmライブラリを使おう〜webpacker

By: mrenner34 – CC BY 2.0 目次1 webpacker2 インストール3 コマンドライン4 hello webpacker5 yarn6 CoffeeScript7 …

Railsでdocxをフォーマット指定でダウンロードできるようにする

タイトルだけだと何のことだかわからない railsでdocuments/2とかをGETメソッドで呼び出すとdocumentsコントローラーのshowメソッドを呼び出すようになってるんだけど、docum …

no image

RubyでDocxを分解してみた~Nokogiri::XML::SAX

    参照 Rubyでdocxをいろいろ分析してみた 今度はsaxのアプローチでdocxのword/document.xmlを分解してみた 使い方は、Nokogiri::XML: …

Rails3.2でajaxなフォルダツリーを導入する2~dynatree-rails

  目次1 jQuery ajax送信側2 app/views/folders/show.js.coffee3  で、コントローラーを設定4 今までのは置いといてJsonでやり取りするアプロ …