Screencast: Unobtrusive Javascript in Rails 3

Wie in den Vorgängerversionen unterstützt auch Rails 3 bei der Integration von JavaScript. Ryan zeigt diese Woche welche Möglichkeiten Rails 3 bietet.

 

Download:

Download (27.4 MB, 13:18)
Alternativer Download für iPod & Apple TV (17.7 MB, 13:18)

 

Resourcen:

 

Quellcode:

[html]
<!– ujs_example.html –>
<!DOCTYPE html>
<html>
<head>
<title>UJS Example</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
$(function() {
$("#alert").click(function() {
alert(this.getAttribute("data-message"));
return false;
})
})
</script>
</head>
<body>
<h1><a href="#" id="alert" data-message="Hello UJS!">Click Here</a></h1>
</body>
</html>

<!– layouts/application.html.erb –>
<%= javascript_include_tag :defaults %>
<!– or –>
<%= javascript_include_tag "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js", "jquery.rails.js" %>
<%= csrf_meta_tag %>

<!– products/index.html.erb –>
<% form_tag products_path, :method => :get, :remote => true do %>
<p>
<%= text_field_tag :search, params[:search] %>
<%= submit_tag "Search", :name => nil %>
</p>
<% end %>

<div id="products">
<%= render @products %>
</div>
[/html]

[html]
// products/index.js.erb
$("products").update("<%= escape_javascript(render(@products)) %>");
// or
$("#products").html("<%= escape_javascript(render(@products)) %>");
[/html]

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.