如何更改jqGrid的主题？

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

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

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

Answer 1

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

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

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

例：

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

步骤1

第2步

Answer 2

不适用于jQueryUI主题，但您可以在jQueryUI和bootstrap变体之间切换。 我正在使用免费的jqGrid（trirand jqGrid的一个分支），你可以通过两个主要选项来调整外观：

1. guiStyles （ https://github.com/free-jqgrid/jqGrid/blob/master/dist/jquery.jqgrid.src.js#L600 ）： jQueryUI ， bootstrap ， bootstrapPrimary ， bootstrap4
2. icons ：（ https://github.com/free-jqgrid/jqGrid/blob/master/dist/jquery.jqgrid.src.js#L389 ）： jQueryUI ， fontAwesome ， glyph