rails 生成jquery ajax

1:rails new sample -T  不生成測試目錄
2:生成jqeury自動移除protype:

       rails new hel  -J
    gem "jquery-rails"
    bundle install
    rails g jquery:install     可以加上: 或者--ui
3: rails 3用mysql 加上gem mysql2"       修改yml文件

rails3中 不適用link_to_remote   form_remote:




#==========

1. 讓Rails3使用jQuery

輕量級js框架jquery相信大家一定不會陌生, 本教程中的ujs教程也是基於jquery來寫的(當然你也可以使用prototype).

首先, 下載最新的jquery然後放入 public/javascripts 文件夾下面:

 

curl -L http://code.jquery.com/jquery-1.4.3.min.js > public/javascripts/jquery.js

 

同時我們也需要把原來的prototype ujs的rails.js 改成 jquery-ujs的rails.js:

 

$ curl -L http://github.com/rails/jquery-ujs/raw/master/src/rails.js > public/javascripts/rails.js

 

下載後可以看下javascripts文件夾, 裏面有application, controls, dragdrop, effects, jquery, prototype 以及 rails 等js文件, 出來jquery以外, 其他都是生產bolg應用時rails加進去的.

 

現在打開 config/application.rb 文件, 修改下面的配置:

 

 

Ruby代碼
  1. # JavaScript files you want as :defaults (application.js is always included).   
  2.     config.action_view.javascript_expansions[:defaults ] = %w(jquery rails)  

# JavaScript files you want as :defaults (application.js is always included). config.action_view.javascript_expansions[:defaults] = %w(jquery rails)

 

上面的代碼告訴rails, :default 符號的定義現在改成 jquery和rails啦, 啓動我們的博客程序, 查看源代碼中的<head>中的<script>是不是這3個js腳本.

 

#==========

 




rails2:
link_to_remote 'delete', :url => admin_image_path(image), :confirm => 'Are you sure you want to delete this image?', :method => :delete
rails3:
link_to "Delete", admin_image_path(image), :method=>:delete, :confirm=>"Are you sure you want to delete this image?", :remote=>:true, :class=>"alert"

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章