2008年7月9日水曜日

"SproutCoreのHelloWorldに挑戦…をやり直す."を進める

次.

Step 1.
'clients/hello_world/english.lproj/body.rhtml'を編集.
<% content_for('body') do %>
<div class="sc-welcome">
<img class="logo" src="<%= static_url('images/sproutcore-logo') %>" />
<div class="message">
<%= label_view :my_label, :tag => 'h1', :inner_html => 'Hello World!' %>
</div>
</div>
<% end %>
<div class="message"/>の内側を編集してみた.
reload.

inner_htmlで値を指定する例


Step 2. 3. 4.
コントローラーを作成のためのコマンド.
$ sc-gen controller hello_world/app

'clients/hello_world/controllers/app.js'を編集.
require('core');
HelloWorld.appController = SC.Object.create(
/** @scope HelloWorld.appController */ {

// TODO: Add your own code here.
greeting: "Hello World!"

}) ;
JSONオブジェクトってことだよね.
'clients/hello_world/english.lproj/body.rhtml'を再編集.
<% content_for('body') do %>
<div class="sc-welcome">
<img class="logo" src="<%= static_url('images/sproutcore-logo') %>" />
<div class="message">
<%= label_view :my_label, :tag => 'h1', :bind => { :value => 'HelloWorld.appController.greeting' } %>
</div>
</div>
<% end %>

reload.

コントローラーのプロパティ値を渡す例(見た目の違いはない)

0 件のコメント: