jquery - 如何更改jqGrid的主题？

Question

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

如何更改 jqGrid 的主题？我正在寻找:

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

Answer 1

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

1. 要更改 jqgrid 主题，只需下载 Redmond (向下滚动并选择主题，单击下载按钮)选择图库选项卡，然后单击日历图像进行预览主题，然后单击下载按钮进行下载。
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>

更改jqgrid主题使用jquery-ui-1.10.4.custom.css， jquery-1.10.2.js， jquery-ui-1.10。 4.custom.js文件。

步骤:1

步骤:2