我正在寻找更改当前版本的jqGrid主题的方式。 我最近在我的ASP.Net MVC 2应用程序中开始使用jqGrid,并下载了一些演示解决方案/项目。我试图通过更改主题ui javascript 来更改网格的主题,但它对我无效。看着document对我帮助不大!如何更改jqGrid的主题?
你如何改变jqGrid的主题? 我在寻找:
- 用来设置网格ui的css文件列表。
- 步骤来更改主题,以一个新的主题
- 体型指通过网上的.css主题/ .js文件的URL - 以便更新主题,以最新版本自动
我正在寻找更改当前版本的jqGrid主题的方式。 我最近在我的ASP.Net MVC 2应用程序中开始使用jqGrid,并下载了一些演示解决方案/项目。我试图通过更改主题ui javascript 来更改网格的主题,但它对我无效。看着document对我帮助不大!如何更改jqGrid的主题?
你如何改变jqGrid的主题? 我在寻找:
的jQuery用户界面ThemeRoller提供24个主题。
jqgrid
主题只需下载Redmond(向下滚动,选择主题点击下载按钮),选择Gallery
选项卡,然后单击日历preview the theme
图片,然后点击按钮Download
下载的主题。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,
文件。
第1步:
第2步:
不为jQueryUI的主题,但你可以jQueryUI的引导和变体之间切换。我使用的jqGrid免费(trirand的jqGrid的一个分支),你可以调整的外观和感觉有两个主要选择:
guiStyles
(https://github.com/free-jqgrid/jqGrid/blob/master/dist/jquery.jqgrid.src.js#L600):jQueryUI
,bootstrap
,bootstrapPrimary
,bootstrap4
icons
:(https://github.com/free-jqgrid/jqGrid/blob/master/dist/jquery.jqgrid.src.js#L389):jQueryUI
,fontAwesome
,glyph