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

Ruby on Rails 3.2でファイルアップロード〜CarrierWave & RMagick

    CarrierWaveはRubyでファイルのアップロードを簡便にするGemです。 RMagickはImageMagickという画像ファイルを加工するソフトのラッパーです。C …

Rails4.0で添付したpdfファイルの中身を全文検索の対象にする〜carrierwave、pdftotext、pg_bigm

By: Uncalno Tekno – CC BY 2.0 環境 Ubuntu server 12.04 sunspot_cellにしようとおもってたけど、ライブラリとか勉強することが多く …

Mac OSXにHyper EstraierのRuby Bindingをインストールする

By: Kanko* – CC BY 2.0 目次1 環境2 Hyper Estraierのインストール3 ソースのダウンロード4 パッチを適用する5 rvmのためにconfigureファ …

ThoughtBotの『Backbone.js on Rails』の目次と見出しをななめ読み

By: John – CC BY 2.0 learn.thoughtbot.com/products/1-backbone-js-on-rails 買いました 電子書籍で137ページに$4 …

Rails3でテストカバレッジを計測する~simplecov,thin

    rspecなどのテストでテストがどの程度カバーしているのかを簡単に計測するsinplecovというgemをいれた 目次1 Gemfile & bundle2 spe …