Screencast: Mit PJAX Bereiche aktualisieren

31.10.2011

Häfig wird bei kleinsten Änderungen in Teilbereichen einer Seite die gesamte Seite erneut gerendert. Die führt zu “unnötigen” Seiten-Generierungen die gespart werden können. PJAX kann neue oder aktualisierte Bereiche über AJAX holen und somit die Seite stets aktuell halten. Ryan zeigt diese Woche wie es eingesetzt werden kann.

 

Downloads in verschiedenen Formaten:

mp4
m4v
webm
ogg

 

Resourcen:

Gemfile

gem 'pjax_rails'

app/assets/javascripts/application.js

//= require jquery.pjax

layouts/application.html.erb

<div data-pjax-container>
  <%= yield %>
</div>

index.html.erb

<title><%= yield(:title) %></div>

Gemfile

gem 'rack-pjax'

config/application.rb

config.middleware.use Rack::Pjax

bash

mkdir -p vendor/assets/javascripts
curl https://raw.github.com/defunkt/jquery-pjax/master/jquery.pjax.js > vendor/assets/javascripts/jquery.pjax.js

app/assets/javascripts/application.js

//= require jquery.pjax

products.js.coffee

jQuery ->
  $('.product a').pjax('[data-pjax-container]')

index.html.erb

<div data-pjax-container>
  ...
</div>
Tags: , , ,

Eingestellt am 31.10.2011 um 19:49

Kategorie: Tutorials

Be Sociable, Share!

Kommentare für diesen Artikel wurden geschlossen.

Suchen auf rubyonrails.de

Tags

2.0 ActiveRecord Ajax Authentication Buch Capistrano Controller Enterprise Event Formulare Gewinnspiel Grundlagen IDE irb jQuery Kochbuch Konferenz MySQL OReilly Passenger Phusion Plugin PragProgs Rails Rails 3 Rails 3.1 RailsWayCon Release Release Candidate Routing Ruby RubyGems rubyonrails.de Ryan Bates Scaffolding Screencast Script-Tip Security Test Tools Tutorial Upgrade Video Views Windows

Aktuelle Rails Version + Abhängigkeiten:

Gem rails-3.0.0
actionmailer (= 3.0.0, runtime)
actionpack (= 3.0.0, runtime)
activerecord (= 3.0.0, runtime)
activeresource (= 3.0.0, runtime)
activesupport (= 3.0.0, runtime)
bundler (~> 1.0.0, runtime)
railties (= 3.0.0, runtime)

Rails auf Rubyforge
Rails auf Github