Rails 添加css javascript 结合easyui

<% content_for :header_tags do  %>
    <%=stylesheet_link_tag ‘bar.css‘, :plugin=>‘redmine_standard‘ %>
    <%=javascript_include_tag ‘bar.css‘, :plugin=>‘redmine_standard‘ %>
<%    end  %>

<% content_for :header_tags do  %>
    <%=stylesheet_link_tag ‘easyui.css‘, :easyui=>‘jquery-easyui-1.3.6/themes/default‘ %>
    <%=stylesheet_link_tag ‘icon.css‘, :easyui=>‘jquery-easyui-1.3.6/themes‘ %>
    <%=javascript_include_tag ‘jquery.min.js‘, :easyui=>‘jquery-easyui-1.3.6‘ %>
    <%=javascript_include_tag ‘jquery.easyui.min.js‘, :easyui=>‘jquery-easyui-1.3.6‘ %>
<% end  %>

def javascript_include_tag(*sources)
    options = sources.last.is_a?(Hash) ? sources.pop : {}
    plugin = options.delete(:plugin)
    easyui = options.delete(:easyui)
    sources = sources.map do |source|
      if easyui
        "/#{easyui}/#{source}"
      elsif plugin
        "/plugin_assets/#{plugin}/javascripts/#{source}"
      else
        source
      end
    end
    # if plugin = options.delete(:plugin)
    #   sources = sources.map do |source|
    #     if plugin
    #       "/plugin_assets/#{plugin}/javascripts/#{source}"
    #     else
    #       source
    #     end
    #   end
    # end
    super sources, options
  end

def stylesheet_link_tag(*sources)
    options = sources.last.is_a?(Hash) ? sources.pop : {}
    plugin = options.delete(:plugin)
    easyui = options.delete(:easyui)
    sources = sources.map do |source|
      if easyui
        "/#{easyui}/#{source}"
      elsif plugin
        "/plugin_assets/#{plugin}/stylesheets/#{source}"
      elsif current_theme && current_theme.stylesheets.include?(source)
        current_theme.stylesheet_path(source)
      else
        source
      end
    end
    super sources, options
  end

Rails 添加css javascript 结合easyui

时间: 2024-08-24 22:27:17

Rails 添加css javascript 结合easyui的相关文章

网页性能之HTML,CSS,JavaScript

转载自AlloyTeam:http://www.alloyteam.com/2015/05/wang-ye-xing-neng-zhi-html-css-javascript/ 前言 html css javascript可以算是前端必须掌握的东西了,但是我们的浏览器是怎样解析这些东西的呢 我们如何处理html css javascript这些东西来让我们的网页更加合理,在我这里做了一些实验,总结起来给大家看看. 最简单的页面 1 2 3 4 5 6 7 8 9 <!DOCTYPE html>

hta+vbs+js+div+css (javascript是原生态的)

talbe是javascript动态生成的,根据你的sql语句来的,分页是vbs用数组来造的轮子,vbs这脚本虽然强大,却没有返回数据集的东东,数组来做简单的分页还是比较简单的,批量跟新呢?是上传execl来更新的,最好是用vba操作execl的话,直接在execl里修改了立马更新数据库,只是个小工具,目前还不是很强大不是很满意,慢慢做,局限hta不能跨平台只能windows,不能和硬件结合.优点调用webservies不需要考虑域的问题,做一个小巧强悍的工具还是比较方便的,因为hta直接双击就

asp.net后台添加css、 js 、 meta、ascx

1 //标题 2 Title = "标题"; 3 //关键词 4 HtmlMeta meta1 = new HtmlMeta(); 5 meta1.Name = "keywords"; 6 meta1.Content = "关键词"; 7 this.Page.Header.Controls.Add(meta1); 8 //描述 9 HtmlMeta meta2 = new HtmlMeta(); 10 meta2.Name = "des

在html中添加css的方式

如何在html中添加css? 在html中设置css共有三种方式,分别是: 行内式 内嵌式 导入式 1.行内式.即在html标签中的style属性中设置css,值得注意的是css代码的名值对儿用冒号:来连接,用分号分离不同的css样式.这种方式虽然便于观看与调试,但是它违背了结构与表现相分离的原则,我们不推荐使用. <div id="myDiv" style="color:red; background-repeat:no-repeat; font-size:18px&

我给女朋友讲编程CSS系列(1) –添加CSS样式的3种方式及样式表的优先权

如果说,原生态就是美,那么,我们就没有必要穿衣打扮. 网页是什么? 说白了,网页就是一堆[html标签]有序的搭配,让[CSS属性值]整整容,请[Javascript语言]处理一下事件. 一个人的整容效果,很大程度上取决于Ta本人,也就是原材料,对网页来说,原材料就是html标签,因此设计优秀的html标签结构十分重要. 整容医生的作用也至关重要,割双眼皮,整容医生的基本功,不同医生割出来的效果不同. 作为一个网页设计师,我们是不是应该追求完美,尽最大努力,让网页漂亮一些. 我知道,我们往往自称

Umbraco(3) - CSS &amp; Javascript(翻译文档)

原文地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/umbraco3css-javascript/ CSS & Javascript 看着我们的主页面很显然的发现css和javascript模板并没有加上.包括这个网站的根目录中的导航(例如:"C:\inetpub\wwwroot"这可能是不同的根据您的安装类型),在Windows资源管理器中复制css\style.css文件到[你网站的根目录]\Css文

Asp.net 后台添加CSS、JS、Meta标签

Asp.net 后台添加CSS.JS.Meta标签的写法,我这里写成函数方便以后使用.如果函数放在页面类中, Page参数也可以不要. 首先导入命名空间 using System.Web.UI.HtmlControls; /// <summary> /// 添加JS脚本链接 /// </summary> /// <param name="page">页面</param> /// <param name="url"

html css javascript 加载的顺序

html /css /javascript 这三者的加载顺序影响整个页面的加载速度.而加载速度的快慢直接影响pv(访问量),而且会影响经济收入.在大网站中,可能打开速度快一秒,一年能多带来上亿的收入.所以我们一定要重视. 一.总体原则 加载的总体原则是顺序加载,即从页面的head到body结束顺序加载.浏览器发送请求,服务器返回了这整个页面的代码.所以,下一步是对这个页面代码进行渲染. 二.加载顺序 如果结构是这样写的: 首先会加载link里面的css文件.但是在这里要记住,css文件和imag

CSS_添加CSS文件方法,盒模型和定位

学习笔记整理,非原创. 添加css的方法 链接外部样式表 <link rel=stylesheet type=text/css href=style.css> Rel表示在页面中使用外部的样式表.type指文件的类型是样式表文件,href指文件的位置. 内部样式表 <style type=”text/css”> <!— //定义style --> </style> 导入外部 样式表 <style type=”text/css”> <!— @