CSS——操作css文件
//动态 css文件内容。 修改鼠标经过时行、单元格的背景颜色
function header_rowOrcell_over(divGrid) {
var gridopts = divGrid.data("PartConfig");
var customStyle = gridopts.customStyle;
var easyuiCss= $("body").data("easyuiCss");
var overCss = $("body").data("overCss"); //获取光标的样式
var selectedCss = $("body").data("selectedCss"); //选中行的样式
if (!easyuiCss) { //之前没有保存 easyui.css 相关的内容,则获取
var styleSheetArr = document.styleSheets;
var styleSheet = null;
for (var i = 0; i < styleSheetArr.length; i++) {
if (styleSheetArr[i].href.indexOf("/cwbase/bi/binewweb/Styles/themes/metro/easyui.css") > -1) { //获取 保存 easyui.css 文件内容的对象。
styleSheet = styleSheetArr[i];
break;
}
} easyuiCss = styleSheet.cssRules;
$("body").data("easyuiCss", easyuiCss);
}
if (!overCss || !selectedCss) { //之前没有保存,则获取
for (var i = 0; i < easyuiCss.length; i++) {
if (easyuiCss[i].selectorText.indexOf(".datagrid-header td.datagrid-header-over") > -1) {
overCss = easyuiCss[i];
$("body").data("overCss", overCss);
if ($("body").data("selectedCss")) { //selectedCss 也已经获取
break;
}
}
if (easyuiCss[i].selectorText.indexOf(".datagrid-row-selected") > -1) {
selectedCss = easyuiCss[i];
$("body").data("selectedCss", selectedCss);
if ($("body").data("overCss")) { //overCss 也已经获取
break;
}
}
}
}
if (customStyle.headerBackColorOver) {
overCss.style.backgroundColor = customStyle.headerBackColorOver;
}
if (customStyle.rowSelectBackColor) {
selectedCss.style.backgroundColor = customStyle.rowSelectBackColor;
} }
//动态 css文件内容。 修改鼠标经过时行、单元格的背景颜色function header_rowOrcell_over(divGrid) { var gridopts = divGrid.data("PartConfig"); var customStyle = gridopts.customStyle; var easyuiCss= $("body").data("easyuiCss"); var overCss = $("body").data("overCss"); //获取光标的样式 var selectedCss = $("body").data("selectedCss"); //选中行的样式 if (!easyuiCss) { //之前没有保存 easyui.css 相关的内容,则获取 var styleSheetArr = document.styleSheets; var styleSheet = null; for (var i = 0; i < styleSheetArr.length; i++) { if (styleSheetArr[i].href.indexOf("/cwbase/bi/binewweb/Styles/themes/metro/easyui.css") > -1) { //获取 保存 easyui.css 文件内容的对象。 styleSheet = styleSheetArr[i]; break; } }
easyuiCss = styleSheet.cssRules; $("body").data("easyuiCss", easyuiCss); } if (!overCss || !selectedCss) { //之前没有保存,则获取 for (var i = 0; i < easyuiCss.length; i++) { if (easyuiCss[i].selectorText.indexOf(".datagrid-header td.datagrid-header-over") > -1) { overCss = easyuiCss[i]; $("body").data("overCss", overCss); if ($("body").data("selectedCss")) { //selectedCss 也已经获取 break; } } if (easyuiCss[i].selectorText.indexOf(".datagrid-row-selected") > -1) { selectedCss = easyuiCss[i]; $("body").data("selectedCss", selectedCss); if ($("body").data("overCss")) { //overCss 也已经获取 break; } } } } if (customStyle.headerBackColorOver) { overCss.style.backgroundColor = customStyle.headerBackColorOver; } if (customStyle.rowSelectBackColor) { selectedCss.style.backgroundColor = customStyle.rowSelectBackColor; } }
CSS——操作css文件的更多相关文章
- jquery 学习(五) - CSS 操作
HTML + CSS 样式 /*CSS样式*/<style> body{ margin: 0; } div{ width: 100%; height: 2000px; background ...
- jQuery DOM/属性/CSS操作
jQuery DOM 操作 创建元素 只需要把DOM字符串传入$方法即可返回一个 jQuery 对象 var obj = $('<div class="test">&l ...
- gulp实现打包js/css/img/html文件,并对js/css/img文件加上版本号
参考打包教程: http://www.cnblogs.com/tugenhua0707/p/4069769.html http://www.cnblogs.com/tugenhua0707/p/498 ...
- Rails : css或js文件无法成功预编译或调用jquery类插件时预编译问题
调用bootstrap css框架时,将bootstrap文件夹放入 vendor/assets/下 bootstrap文件结构如下: [shenma@localhost demo]$ ls v ...
- CSS 和 JS 文件合并工具
写 CSS 和 JavaScript 的时候, 我们会遇到一个两难的局面: 要么将代码写在一个大文件, 要么将代码分成多个文件. 前者导致文件难以管理, 代码复用性差, 后者则因为需要在载入多个文件令 ...
- 使用时间戳引入css、js文件
前言 最近在一家创业公司实习,主要负责新版官网和商家平台管理系统的前端开发和维护,每次测试都要上传文件到ftp服务器端测试,初期由于更新修改比较频繁,每次都是直接上传覆盖css.js.php文件,链接 ...
- gulp 之一 安装及简单CSS,JS文件合并压缩
最近研究了一下gulp构建工具,发现使用起来比grunt顺手一些.(个人感受),以下是grunt和gulp构建方式和原理: grunt 基于文件方式构建,会把文件先写到临时目录下,然后进行读文件,修改 ...
- 解决修改css或js文件后,浏览器缓存未更新问题
问题描述:最近在上线新版本项目的时候,发现有的用户的操作还是调用的老版本JS里面的内容,这样就造成原来新的JS里面加上的限制不能限制用户的操作,从而导致用户可以重复操作. 问题产生原因: 如果在用户之 ...
- JS BOM DOM对象 select联动 计时器 时间 css操作 节点(标签 ) 查找标签 {前端基础之BOM和DOM}
前端基础之BOM和DOM 前戏 到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互,我 ...
随机推荐
- Uncaught TypeError: jQuery.i18n.browserLang is not a function
/********************************************************************* * Uncaught TypeError: jQuery. ...
- 【剑指offer】10A--求裴波那切数列的第n项,C++实现
#本文是牛客网<剑指offer>刷题笔记 1.题目 写入一个函数,输入n,输出裴波那切数列的第n项 2.思路 递归--时间和空间复杂度高 循环--时间和空间复杂度低,通过循环迭代计算第n项 ...
- dom4j 改变XML声明和编码格式
dom4j 改变XML编码 Element rootElement = document.addElement("data"); document.setXMLEncoding(& ...
- stm32寄存器版学习笔记05 PWM
STM32除TIM6和TIM7外都可以产生PWM输出.高级定时器TIM1和TIM8可以同时产生7路PWM,通用定时器可以产生4路PWM输出. 1.TIM1 CH1输出PWM配置步骤 ①开启TIM1时钟 ...
- BZOJ2243 SDOI2011 染色 【树链剖分】
BZOJ2243 SDOI2011 染色 Description 给定一棵有n个节点的无根树和m个操作,操作有2类: 1.将节点a到节点b路径上所有点都染成颜色c: 2.询问节点a到节点b路径上的颜色 ...
- 《DSP using MATLAB》示例 Example 9.4
代码: %% ------------------------------------------------------------------------ %% Output Info about ...
- MySQL 百万级分页优化(Mysql千万级快速分页)
以下分享一点我的经验 一般刚开始学SQL的时候,会这样写 : SELECT * FROM table ORDER BY id LIMIT 1000, 10; 但在数据达到百万级的时候,这样写会慢死 : ...
- Visual studio环境中的一些快捷键
VS的快键键 F12(转到定义),那怎么转回定义呢? 转回应该是Ctrl+Shift+8 自动排版:ctrl+E+D
- [MEF]第04篇 MEF的多部件导入(ImportMany)和目录服务
一.演示概述此演示介绍了MEF如何使用ImportMany特性同时导入多个与相同约束相匹配的导出部件,并且介绍了目录服务(Catalog),该服务告知MEF框架可以在什么地方去搜寻与指定约束匹配的导出 ...
- mui 拨打电话
function callPhone() { let btnArray = ['拨打', '取消']; let Phone = "10086"; mui.confirm('是否拨打 ...