4

Raphael、SVG、およびレールを試しています。各タスクが完了ボタンを介して消されたときに、ゲージを一種の進行状況インジケーターとして動的に更新したいと思います。

完了したタスク/作成されたタスクの合計のようなもの。

添付はブラウザのビューで、以下は表示ページです。

 <h1 class="page-header"> Getting it up</h1>
 <div class="well span9 offset2">
   <h2 class="page-header"><%= @list.name %></h2>
   <h2 class="lead"><%= @list.description %></h2>  
   <div class="pull-right" id="smallbuddy" style="width:340px; height:200px;"></div>

   <h3>Still Not Finished</h3>

   <ul>
     <% @list.tasks.incomplete.each do |task| %> 
     <li style="list-style:none"><%= task.description %> <%= button_to "Completed", complete_task_path(@list.id,task.id), :class =>"btn-mini" %></li>
     <% end %>
   </ul>
   <hr>
   <h3>Finished</h3>
   <ul id="completed">
     <% @list.tasks.completed.each do |task| %> 
     <li style="list-style:none; opacity:.5; text-decoration:line-through;"><em><%= task.description %></em></li>
     <% end %>
   </ul>

   <hr>
   <%= form_for [@list, @list.tasks.new] do |form| %>
   <p><%= form.text_field :description %><%= form.submit %></p>
   <% end %>
 </div>    

 <span class="btn affix"><%= link_to "Back to all Installs", lists_url %></span>
 <div>

 </div>

 <script>
   var g = new JustGage({
     id: "smallbuddy", 
     value: 27, 
     min: 0,
     max: 100,
     title: "Until Complete"
   }); 

 </script>

より明確なゲージ Raphael Lib を操作する必要がありますか? またはjustgagejs lib？

まだ作業中ですが、これを達成する方法について正しい方向に向けるためのベテランのアドバイスが役に立ちます。前もって感謝します。

4

1 に答える 1

2

RailsコントローラーがJSリクエストに応答する必要があります。これを少し読んでください：Railsの質問でJavascriptをレンダリングするのに問題があります。

そうすれば、コントローラーから返される JS でゲージを更新できます。

于 2012-10-12T20:24:59.587 に答える