dwz中jqGrid的主题变更
来源:互联网 发布:威久留学 知乎 编辑:程序博客网 时间:2024/05/17 01:43
前言:本篇来介绍如何对dwz框架中的jqGrid组件变更主题。
第一步:从jquery ui官网下载主题,我挑选了三种比较常用的主题,然后放在如下目录中
第二步:在index.jsp文件表头中增加如下代码,作用是加入jqGrid的CSS布局
<!-- jqueryui --><link href="${ctx}/common/jqueryui/default/jquery-ui.css" rel="stylesheet" type="text/css" />
第三步:在dwz.theme.js文件中增加对应内容,作用是当点击主题色调变化时进行对应css样式的变更,这样就会对jqGrid的主题风格进行变化了
var _jqueryuiHref = op.jqueryuiBase + "/#theme#/jquery-ui.css";return this.each(function(){var jThemeLi = $(this).find(">li[theme]");var setTheme = function(themeName){ // 设置dwz颜色$("head").find("link[href$='style.css']").attr("href", _themeHref.replace("#theme#", themeName));// 设置jqueryui颜色// 获取head表头jquery对象,从其中获取属性值以jquery-ui.css结束的link标记,替换href属性中的变量theme为对应的主题风格$("head").find("link[href$='jquery-ui.css']").attr("href", _jqueryuiHref.replace("#theme#", themeName));
实现效果:当在主页中切换主题时,jqgrid的颜色方案也进行了变更,见如下效果
1 0
- dwz中jqGrid的主题变更
- dwz中对jqGrid设置a标签
- dwz嵌入jqGrid
- [DZ平台]主题变更
- jqGrid中事件的使用
- jqgrid中单元格的formatter
- 项目中使用的jqGrid
- Jqgrid中 checkBox的用法
- DWZ中使用ThinkPHP的分页功能
- DWZ中dialog层的刷新
- DWZ中刷新dialog的方案解决
- DWZ中刷新dialog的方案解决
- DWZ中刷新dialog的方案解决
- jqGrid基础学习:5jqGrid中事件的使用
- eclipse for javaee主题变更
- jqgrid使用bootstrap样式主题
- DWZ (JUI) 教程 主题切换原理
- DWZ (JUI) 教程 主题切换原理
- 算法练习--整数拆分为素数乘积
- Android的NDK开发(5)————Android JNI层实现文件的read、write与seek操作
- 在Eclipse中将java Project转换成Dynamic Web Project
- 国内云引擎平台概览——新浪SAE,阿里ACE,百度BCE
- 引用地址的写法,同级目录,上级目录,下级目录
- dwz中jqGrid的主题变更
- Asp.net Mvc使用PagedList分页
- 阿P要留好印象
- PL/SQL DEVELOPER 使用的一些技巧
- Could not load file or assembly ‘Microsoft.VisualStudio.Tools.Applications.Core’
- android应用多线程守护
- print spooler 1068 依赖服务或组无法启动
- resin服务 java web.xml中的配置
- iOS CALayer和3D (1): 定义一个简单的旋转3D立方体