我正在尝试将ExtJs 4.2中的默认主题更改为Neptune自定义主题。如何进行调试?
<html>
<head>
<title>xxx</title>
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css">
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-custom.css">
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script type="text/javascript" src="Scripts/App.js"></script>
</head>
<body></body>
</html>
答案 0 :(得分:19)
您必须拥有以下文件和文件夹:
您的代码如下:
<html>
<head>
<title>xxx</title>
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all-neptune.css">
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-custom.css">
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script type="text/javascript" src="extjs/ext-theme-neptune.js"></script>
<script type="text/javascript" src="Scripts/App.js"></script>
</head>
<body></body>
</html>
答案 1 :(得分:5)
要更改为海王星主题,请修改位于 .sencha / app / sencha.cfg 中的line 33
文件的sencha.cfg
app.theme=ext-theme-neptune
执行此操作后,在终端或cammand行中运行sencha app refresh
答案 2 :(得分:3)
我做了@ccerville说但完成了
sencha app build
它为bootstrap.css做了一些魔术,并允许调试页面使用海王星。 “刷新”似乎没有什么区别,而构建修改了bootstrap.css,这就是'debug'index.html使用的。
此处提供了更多信息:http://senchado.blogspot.ca/2013/03/extjs-42-app-with-custom-neptune-based.html
答案 3 :(得分:-1)
在app.json中更改第31行,其中“theme”定义。 改变它“主题”:“ext-theme-neptune”
执行此操作后,在终端或cammand行中运行sencha app构建