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

執筆者:

関連記事

Ubuntu ServerのGuardからGrowl for Windowsにネットワーク経由で通知する

github.com/guard/guard 普段はWindows7から仮想環境(VirtualBox)のUbuntu Server 12.04.1へputtyで接続して開発してます. Virtual …

Rails3でECサイト構築8 都道府県の登録~spree

  都道府県の登録を忘れていた seedを追っていくとわかるのだけど、rake db:load_file[tablename.yml, dir]で登録できる サンプルは、spree_core …

Railsでチェックボックスで複数選択するとき〜check_box_tag

By: Luca Masters – CC BY 2.0 目次1 問題2 アンサー3 情報 問題 チェックボックスで複数選択可のフォームでうまくparamsにはいらない 例1 [crayo …

no image

Rails3.2.8でPostgreSQLを使う(開発環境)〜pg gem

環境 Ubuntu server12.04にPostgreSQLをインストールする 参考 #342 Migrating to PostgreSQL @railscasts 目次1 準備2 データベース …

no image

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

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