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

執筆者:

関連記事

Rails4.0でもajaxなデータテーブルを使う~ajax-datatables

Railsでajaxなテーブルを使う~datatables Rails4でのJSONテンプレート~jbuilder+rabl+ruby 目次1 index.json.jbuilder2 tasks.j …

Rails4.1で全文検索〜rroonga

By: Vinoth Chandar – CC BY 2.0 目次1 RailsでGroongaを使う選択肢2 サンプルのアプリ3 Gemfile4 データベースへの接続5 スキーマの設定 …

no image

Railsで使える便利なナビゲーション~simple-navigation

no image

Rails3.2とBackbone.jsでToDoアプリを作ってみた~backbone-on-rails

  公式 backbonejs.org/ Backbone ドキュメント日本語訳 github.com/enja-oss/Backbone イントロダクション github.com/enja

状況に応じてRailsのフォームの種類を変える

By: Heidi De Vries – CC BY 2.0 目次1 前提2 仕様の決定3 正規表現の変更4 メタプログラミング第一歩5 helper6 view7 できた8 できてない9 …