jQueryUI皮肤下载、jQgrid中更换皮肤

jqGrid皮肤

从3.5版本开始,jqGrid完全支持jquery UI的theme。我们可以从http://jqueryui.com/themeroller/下载我们所需要的theme。当然,你也可以编辑自己的theme。

jqGrid也并不需要把所有的css文件都引入进来,只需导入核心css文件“ui.theme.css ” 以及“ui.core.css”即可,文件位于目录development-bundle/themes下。

http://jqueryui.com/themeroller/可查看皮肤,但下载实在是慢,可以从CSDN上下载皮肤合集:https://download.csdn.net/download/bbjbepzz/3895186 

至于jqgrid中使用皮肤,可以参考https://blog.mn886.net/jqGrid/的参数-方法-事件-文档的新手demo下载中redmond主题<link rel="stylesheet" href="jqgrid/css/css/redmond/jquery-ui-1.8.16.custom.css" />的结构使用,只需移入主题对应的images文件夹和同级的css即可。

然后将css从redmond切换到dark-hive即可:

<link rel="stylesheet" href="jqgrid/css/css/dark-hive/jquery-ui-1.8.16.custom.css"/>

比如博主将新手demo中的redmond主题切换成dark-hive主题:

发布了388 篇原创文章 · 获赞 105 · 访问量 31万+

猜你喜欢

转载自blog.csdn.net/haoranhaoshi/article/details/105353419
今日推荐