使用Ruby on Rails和Eclipse开发iPhone应用程序，第3部分 - 编程入门网

TagCloud 代码行用于创建放在下拉列表中的可用标记列表。代码将使用 acts_as_taggable_on_steroids 插件，该插件的详细信息与本文无关。需要注意的是 @tags 将包含字符 串列表。

使用Ruby on Rails和Eclipse开发iPhone应用程序，第3部分(5)

最后，respond_to 块将处理 iPhone 请求。注意，尽管本文的第二部分中的列表操作曾经很细致地指 定 :layout => false，但是此控制器并非如此。差别在于调用操作的方式。列表操作是通过默认的 iUI Asynchronous JavaScript + XML (Ajax) 操作调用的，意味着它们要替代现有元素，并且因此无需 刷新整个布局。如本文所示，Search 按钮是用 _self 的目标调用的，iUI 将它解析为普通 HTML 链接， 刷新整个屏幕 — 意味着需要绘制布局。

绘制此布局的视图屏幕几乎是典型的 Rails 表单，如下所示：

清单 4. 搜索表单的视图代码

　　<%= iui_toolbar "Soups OnLine", new_search_url %>
　　<div selected="true">
　　　<% form_for @search do |f| %>
　　　　<table>
　　　　　<tr>
　　　　　　<th>Keyword:</th>
　　　　　　<td><%= f.text_field :keyword %></td>
　　　　　</tr>
　　　　　<tr>
　　　　　　<th>Tag</th>
　　　　　　<td><%= f.select :tags, @tags,
　　　　　　　　:include_blank => true %></td>
　　　　　</tr>
　　　　　<tr>
　　　　　　<th>Ingredients?</th>
　　　　　　<td>
　　　　　　　<%= f.toggle(:ingredients) %>
　　　　　　</td>
　　　　　</tr>
　　　　</table>
　　　　<%= f.submit "Search" %>
　　　<% end %>
　　</div>

使用Ruby on Rails和Eclipse开发iPhone应用程序，第3部分(6)

这段代码的前四分之三是一个锁定标准（lock-standard）Rails 表单。视图将首先刷新工具栏，因为 该视图负责整个页面。然后有一个普通的 form_for 并且文本字段和下拉标记也是标准的。toggle 调用 是使用 iUI 提供的 toggle 类的 rails_iui 助手。通过该助手得到的 HTML 类似清单 5：

清单 5. toggle 控件的 HTML

　　<input id="search_ingredients" name="search[ingredients]"
　　　　type="hidden" value="OFF" />
　　<div class="row">
　　　<div class="toggle" id="search_ingredients_toggle"
　　　　onclick="$(''search_ingredients'').value =
　　　　　　($(''search_ingredients'').value == ''OFF'') ? ''ON'' : ''OFF'';"
　　　　toggled="OFF">
　　　　　<span class="thumb"></span>
　　　　　<span class="toggleOn">ON</span>
　　　　　<span class="toggleOff">OFF</span>
　　　</div>
　　</div>

iUI 工具包将提供 toggle、thumb、toggleOn 和 toggleOff 的 CSS 类，它们将绘制 indowx.cn/news/hot/2008718/0871882C12G62K71A29HCK52G.html 控件以及一些 JavaScript，从而在被 单击后可以切换控件。但是，iUI 不会将 toggle 开关与表单控件绑定在一起，因此在这里引入 rails_iui。首先，该助手将插入带有 toggle 初始值的隐藏

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!