`
squirrelRao
  • 浏览: 67935 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Rails content_for的使用

railsjquerycontent_for 
阅读更多

转载自：http://blog.tech4k.com/?tag=rails

 

Rails的Layout非常的好用,可以把Header,Footer,SideBar在一个公共的页面,统一风格而且非常的易于维护.

Layout中通常包含了的内容,而JQuery需要在header通过如下的code实现初始化.

 

<script type="text/javascript">
$(document).ready(function(){
......
}
</script>
 



而这部分代码肯定是根据具体的功能页面不同而有所不同的,无法直接写在Layout页面中,那该怎么办?


使用content_for ：
http://railscasts.com/episodes/8-layouts-and-content-for .
在Layout文件中加入如下的code.

<head>

<title>My Tasks</title>

<%= yield :jquery %>

</head>
 


在具体的功能页面中通过如下形式定义JQuery初始化脚本.

 

<% content_for :jquery do %>
<script type="text/javascript">
$(document).ready(function(){
......
}
</script>
<% end %>
 



OK了.这样就可以了.这个解决办法的问题是你必须在每个功能页面实现一边初始化脚本.另外如果header,sidebar需要用到jquery的话还需要额外处理.

 

 

在普通模板中使用content_for 方法就会给代码块中渲染的内容起一个名字，这些内容则会被 Rails 保存起来，不会被输出到模板生成的内容中。

分享到：
| 在Rails2中使用Jquery，Jrails是必须的么？
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    rails_content_issue:对 rails3 content_for 问题的调查

    content_for 或 capture 问题的演示。 导轨 3 导轨 3.2.17 Ruby 1.9.2-p320 神秘地清除 content_for 块 结果 # no js alerts. Layout yield :[removed] "" Layout yield :javascript2: "" ContentTest#example ...

    rails上传文件_paperclip

    在视图中创建一个表单，使用`form_for`和`fields_for`辅助方法来处理文件上传： ```erb &lt;%= form_for @user do |f| %&gt; &lt;%= f.file_field :avatar %&gt; ``` 4. **处理上传** 在控制器中，文件会自动保存到...

    rails 文件上传

    10. **显示与下载文件**: 在视图中，可以使用ActiveStorage提供的方法显示文件，如`image_tag`或`url_for`。对于非图片文件，可以提供下载链接。 通过理解以上知识点，你将能够构建一个功能完善的Rails文件上传系统...

    Security On Rails

    - 跨站脚本（XSS）攻击：讲解了XSS攻击的原理及如何利用Rails的`html_safe`方法和`content_for`过滤器来避免XSS攻击。 - 跨站请求伪造（CSRF）：阐述了CSRF的工作机制，以及如何在Rails应用中实现双重验证和同源...

    Rails 中页面中常用函数

    在Ruby on Rails框架中，页面中的常用函数是构建动态网页的关键元素。Rails作为一个MVC（模型-视图-控制器）架构的Web应用框架，它的视图层主要负责展示数据，而这里的`list.rhtml`就是一个典型的视图文件，用于渲染...

    flex on rails

    - **Rapid Development**: Rails’ scaffolding feature speeds up development by automatically generating code for basic CRUD (Create, Read, Update, Delete) operations. Flex 3’s rich UI components and ...

    基于Rails2.2.2的ajax

    标题 "基于Rails2.2.2的ajax" 涉及的是使用Rails 2.2.2框架中的AJAX（Asynchronous JavaScript and XML）技术。Rails是一个基于Ruby编程语言的开源Web开发框架，它允许开发者以简洁、高效的方式构建动态网站。在...

    Agile Web Development with Rails中文版 3rd Edition

    **13.2 迭代I2: Exploring Strategies for Content** 探索了不同类型的国际化策略，以更好地适应不同语言环境。 #### 十四、任务T: 测试 这部分介绍了如何为Depot应用编写测试用例。 **14.1 加上测试** 介绍了...

    flutie：查看Rails应用程序的助手

    Flutie Flutie提供了一些实用程序视图帮助程序，可用于Rails应用程序。... “应用程序名称”来自您的应用程序创建的Rails应用程序的模块名称，即Appname::Application将产生“ Appname” “页面”来自尝试content_for(:

    ruby rails recipes

    ### Ruby on Rails Web Development Recipes #### 重要知识点概述 本篇文档主要介绍了一本名为《Ruby on Rails Web Development Recipes》的书籍，该书由 Chad Fowler 编写，并由 The Pragmatic Bookshelf 出版。...

    用rails做个简单的论坛（三）：将之前的串连起来

    在Rails中，我们通常使用`form_for`辅助方法创建表单，它能自动生成正确的表单标签和动作。例如，创建新帖子的表单可能如下： ```html &lt;%= form_with(model: @post, local: true) do |form| %&gt; &lt;%= form.text_...

    液体导轨：渲染具有布局和部分支持的液体模板

    液体轨道 它允许您使用布局和部分支持来呈现.liquid模板。 它还提供了要在液体模板中使用的过滤器，标签，滴剂类。...{{ content_for_layout }} # It will render app/views/home/_partial.liquid wh

    render_async：render_async可让您使用AJAX异步包含页面

    = content_for :render_async %&gt;因此您可以选择将其放置在何处。 :megaphone: PS加入我们的进行帮助和讨论，让我们使render_async更好！ :package: 安装 将此行添加到您的应用程序的Gemfile中： gem 'render_...

    rails-style-guide：社区驱动的Ruby on Rails样式指南

    - 避免在视图中直接使用复杂的Ruby表达式，使用`= content_for :script`或`= render 'shared/footer'`等方式组织代码。 8. **样式和格式**： - 使用2空格缩进，而非tab。 - 遵守Ruby的代码风格，如`end`关键字应...

    fae：CMS for Rails。 真的

    费CMS for Rails。 真的。 与许多Rails CMS引擎一样，Fae提供了使您快速启动并运行的所有基础知识：身份验证，授权，时尚的UI，表单助手，图像处理和工作流。 但是与其他引擎不同，Fae生成的模型，控制器和视图是...

    Rails-4-AJAX-Form：Rails 4 AJAX表单示例

    在Ruby on Rails框架中，AJAX（异步JavaScript和...在实际项目中，还可以结合其他库，如`turbolinks-track`来跟踪AJAX请求，或者使用`remote_form_with`（在Rails 5及以上版本中）代替`form_for`，进一步提升开发效率。

Magicbox
Global site tag (gtag.js) - Google Analytics