没有合适的资源?快使用搜索试试~ 我知道了~
ExtJS之实现华丽的皮肤主题更换
4星 · 超过85%的资源 需积分: 15 95 下载量 114 浏览量
2013-10-17
17:47:57
上传
评论 2
收藏 41KB DOC 举报
温馨提示
试读
5页
extjs的默认皮肤很好看 但是我们还可以变换样式切换其他皮肤 1 直接添加其他css文件换肤 好多皮肤上网就可以收到的 如皮肤文件:xtheme olive zip下载 把皮肤文件解压 把css文件 如xtheme olive css 拷贝到extjs的resources目录下css文件夹里面:">extjs的默认皮肤很好看 但是我们还可以变换样式切换其他皮肤 1 直接添加其他css文件换肤 好多皮肤上网就可以收到的 如皮肤文件:xtheme olive zip下载 把皮肤文件解压 把css文件 如xtheme olive css 拷贝到extjs的resources目录 [更多]
资源推荐
资源详情
资源评论
extjs 的默认皮肤很好看,但是我们还可以变换样式切换其他皮肤.
1.直接添加其他 css 文件换肤.好多皮肤上网就可以收到的
如皮肤文件:xtheme-olive.zip 下载
把皮肤文件解压,把 css 文件(如 xtheme-olive.css)拷贝到 extjs 的
resources 目录下 css 文件夹里面:
2. 解压皮肤文件,把里面的相应的 image 文件夹下的目录(比如 olive)
拷贝到 extjs 的 resources 目录下 images
文件夹下
记住一定要把 css 文件拷到 extjs 的 resources 目录下 css 文件夹里面:
不要拷到其他目录,这样会失真的
如果你用的是下拉列表方式显示的话可以参考下我写的代码
thme.js
Java 代码
1 <span style="font-size: medium;"> Ext.ux.ThemeChange =
Ext.extend(Ext.form.ComboBox, {
2 editable : false,
3 displayField : 'theme',
4 valueField : 'css',
5 typeAhead : true,
6 mode : 'local',
7 triggerAction : 'all',
8 selectOnFocus : true,
9 initComponent : function() {
10 var themes = [
11 ['默认', 'ext-all.css'],
12 ['黑色', 'xtheme-black.css'],
13 ['巧克力色', 'xtheme-chocolate.css'],
14 ['深灰色', 'xtheme-darkgray.css'],
15 ['浅灰色', 'xtheme-gray.css'],
16 ['绿色', 'xtheme-green.css'],
17 ['橄榄色', 'xtheme-olive.css'],
18 ['椒盐色', 'xtheme-peppermint.css'],
19 ['粉色', 'xtheme-pink.css'],
资源评论
- mby_19912013-11-09挺好的 有用
- 咏梅沐雪2014-12-25资源挺好的,可以使用
- tearsknow2014-03-06谢谢楼主分享!还是有一定价值的!
- 月夜csdn2017-09-02资源基本没用,只有代码,没有皮肤文件,博客上好多重复的。。。。。
kiyoharu_gary
- 粉丝: 0
- 资源: 6
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功