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

執筆者:

関連記事

RubyでWebを操作できるMechanizeの利用例を集めてみた

By: nubobo – CC BY 2.0 目次1 公式2 使い方など3 リンク 公式 mechanize.rubyforge.org/ 使い方など Mechanize について 楽々ス …

Rails3.2でFacebook風インターフェイスでタグづけ〜acts-as-taggable-on+jquery.tokenInput

By: Mauquoy Token Company – CC BY 2.0 railscasts.com/episodes/258-token-fields?language=ja&#03

Rails4とD3.jsでローソク足グラフを描く〜Rails準備編

By: Manuel Calavera – CC BY 2.0 前回 Rails4で複雑な検索〜Ransack こちらのサンプルを使用させてもらいました。 datawarehouse.we …

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

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

no image

Rubyでxmlの要素の追加など~nokogiri

目次1 はじめに2 文字列をパースしてxmlとして読み込んでそのままxmlとして出力する3 nodeの追加4 nodesetの作成と追加5 DocumentFragmentの作成と追加 はじめに 参考 …