如何改变jqGrid的主题?

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>

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

步骤:2

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 ): fontAwesome , glyph