如何更改jqGrid的主题?

Nam*_* VU 3 asp.net-mvc jquery themes jquery-ui jqgrid

我正在寻找改变当前版本的jqGrid主题的方法.我最近开始在我的ASP.Net MVC 2应用程序中使用jqGrid并下载一些演示解决方案/项目.我试图通过改变主题ui javascript来改变网格的主题,但它对我不起作用.看文件对我帮助不大!

你是如何改变jqGrid的主题的?我在找:

  1. 用于设置网格的ui的css文件列表.
  2. 将主题更改为新主题的步骤
  3. 喜欢通过在线.css/.js url引用主题 - 以便自动将主题更新为最新版本

p u*_*ran 6

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

  1. 要更改jqgrid主题,只需通过选择选项卡下载Redmond(向下滚动并选择主题单击下载按钮)主题,Gallery然后单击日历图像,preview the theme然后单击Download按钮进行下载.
  2. 解压缩下载的文件jquery-ui-1.10.4.custom并将其粘贴到themes -> redmond文件夹下.

以下是在jqgrid中应用主题的文件.

例:

<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>
Run Code Online (Sandbox Code Playgroud)

更改jqgrid主题使用jquery-ui-1.10.4.custom.css, jquery-1.10.2.js, jquery-ui-1.10.4.custom.js文件.

步骤1

的ThemeRoller

第2步

主题