如何改变jqGrid的主题？ [英] How to change the theme of the jqGrid?

问题描述

我在寻找改变jqGrid的主题为当前版本的方式。
我已经开始在最近我的ASP.Net MVC 2应用程序中使用的jqGrid和下载一些演示解决方案/项目。我试图通过更改主题UI来更改网格主题的javascript
但它不为我工作。纵观文件不帮我了！

你是如何改变的jqGrid的主题？
我在寻找：

1. 的CSS文件列出了用于设置网格的界面。


2. 步骤来更改主题，以一个新的主题


3. preFER指通过网上的.css主题/ .js文件的URL - 以便自动更新主题，以最新版本

解决方案

的jQuery用户界面的ThemeRoller 提供24个主题

1. 对于改变的jqGrid 主题只需下载雷德蒙通过选择图库设置页（向下滚动，选择主题，点击下载按钮）主题，然后单击日历作为图像 preVIEW主题然后点击下载按钮进行下载。


2. 解压下载的文件的jQuery-UI-1.10.4.custom 并粘贴在主题 - ＆GT;微软文件夹中。

下面是jqGrid的申请主题的文件。

示例：

 ＆LT;链接rel =stylesheet属性类型=文/ CSS媒体=屏幕 href=\"<%=request.getContextPath()%>/themes/redmond/jquery-ui-1.10.4.custom/css/redmond/jquery-ui-1.10.4.custom.css\" /＆GT;
＆LT;脚本类型=文/ JavaScript的SRC =＆LT;％= request.getContextPath（）％GT; /themes/redmond/jquery-ui-1.10.4.custom/js/jquery-1.10.2.js ＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本类型=文/ JavaScript的 src=\"<%=request.getContextPath()%>/themes/redmond/jquery-ui-1.10.4.custom/js/jquery-ui-1.10.4.custom.js\"></script>
 

更改主题的jqGrid使用的jQuery-UI-1.10.4.custom.css， jQuery的-1.10.2.js， 的jQuery-UI-1.10.4.custom.js 文件。

步骤：1

步骤2：

I'm looking for the way to change jqGrid theme for the current version. I've started to use jqGrid in my ASP.Net MVC 2 application recently and download some demo solution/projects. I tried to change the theme of the grid by changing the theme ui javascript but it doesn't work for me. Looking at the document doesn't help me much!

How are you changing the jqGrid's theme? I'm looking for:

1. List of css files that used to set up the ui of the grid.
2. Steps to change a theme to a new theme
3. Prefer to refer to the theme by online .css/.js url - so as to update the theme to latest version automatically

解决方案

jQuery user interface ThemeRoller provides 24 themes.

1. For changing jqgrid theme simply download Redmond(Scroll down and select theme click Download button) theme by selecting Gallery tab then click on Calendar image for preview the theme then click on Download button for downloading.
2. Extract the downloaded file jquery-ui-1.10.4.custom and paste it under themes -> redmond folder.

Below are the files to apply theme in jqgrid.

Example:

<link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath()%>/themes/redmond/jquery-ui-1.10.4.custom/css/redmond/jquery-ui-1.10.4.custom.css" />
<script type="text/javascript" src="<%=request.getContextPath()%>/themes/redmond/jquery-ui-1.10.4.custom/js/jquery-1.10.2.js" ></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/themes/redmond/jquery-ui-1.10.4.custom/js/jquery-ui-1.10.4.custom.js"></script>

Change jqgrid theme use jquery-ui-1.10.4.custom.css, jquery-1.10.2.js, jquery-ui-1.10.4.custom.js files.

Step: 1

Step: 2

这篇关于如何改变jqGrid的主题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！