Railsで使えるGem

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

投稿日:

 

jQuery ajax送信側

show.jsのメソッドを使うことにした

app/views/folders/show.js.coffee

coffeeスクリプトのerbテンプレートファイルは.js.coffeeでできるらしい

ためしに

 で、コントローラーを設定

これでbody要素の最後にWORLDが現れたら成功

あとはli要素に追加すればOK!

と思ったらerbでCoffeeScriptを使う方法が分からなかった

今までのは置いといてJsonでやり取りするアプローチを取る

folders_controller

コントローラーのshowアクションを書き換えて親idで検索するようにする

 jsonはfolders/:id.jsonで取ることができる

app/assets/javascripts/folders.js.coffee

これをdynatree()のonActivateオプションで取得する

このままだとフォルダが開かないから開くアクションも加えておく

フォーカスがはずれたときの動作

次に、クリックするたびに同じデータが加えられていってしまうから、フォーカスがはずれたらデータを削除するようにする

うん動いてる

 

 

ただ、まだバグがあって親要素を選択して開いたあとに、子要素を選択しようとしても、親要素のデータを削除してしまうので選択できない.

このあたりを明日以降

ん?部分テンプレート?なに?

-Railsで使えるGem
-, , ,

執筆者:

関連記事

no image

Private_pub(Faye)の管理にForemanを使う~Foreman & Upstart

foremanはFayeサーバーのようにRailsのサーバーとは別プロセスで動くサーバー類をまとめて管理するgemだ 参考 railscasts.com/episodes/281-foreman?la

no image

Rubyでエクセル帳票印刷(.xls)~spreadsheet

  pdfとdocxとxlsが作成できれば帳票印刷で困ることはなさそう spreadsheetというgemを使ってみた 参考 dragonstar.asablo.jp/blog/2009/0 …

no image

Ubuntu server12.04でRails4とPostgreSQL9.3をつかう〜hstoreとか

目次1 準備2 rails new3 config/database.yml4 hstoreとarrayを試してみる 準備 Ubuntu server12.04にPostgreSQL9.3をインストー …

Rails3.2.8でテーブル並び替えのテストを作る~cucumberと正規表現

前提 Railsのテーブル並び替えを実装する Rails3.2.8で自動テスト環境を整える〜cucumber+spork+guard 目次1 作戦(ストラテジー)2 have_contentの正規表現 …

多対多の関係でまだ関連を持っていない候補を探す〜active_record、pluck、not in

By: Kevin Dooley – CC BY 2.0 目次1 前提2 やりたいこと3 解4 解説 前提 PersonとProjectは、ProjectsPersonという中間モデル(テ …