ExtJs 海王星主题答案

【问题标题】：ExtJs Neptune themeExtJs 海王星主题
【发布时间】：2013-05-24 09:34:05
【问题描述】：

我正在尝试将 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>

【问题讨论】：

您是否正在使用 Sencha Cmd 设置您的项目？
是的，我用它来部署，但我需要更改主题以进行调试。

标签： extjs themes extjs4.2

【解决方案1】：

您必须拥有以下文件和文件夹：

extjs/ext-all.js
extjs/ext-theme-neptune.js
extjs/resources/css/ext-all-neptune.css
extjs/resources/ext-theme-neptune/ext-theme-neptune-all.css
extjs/resources/ext-theme-neptune/images/*.*

你的代码如下：

<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>

【讨论】：

如果您只有 ext-all-neptune 和 ext-theme-neptune 文件夹怎么办？是否必须保留 extjs 的整个目录结构才能使用它？
您只需要帖子中列出的文件，其他的都可以删除。文件 ext-all-neptune.css 和文件夹 ext-theme-neptune 足以用于海王星风格。

【解决方案2】：

要更改为海王星主题，请将位于 .sencha/app/sencha.cfg 中的 sencha.cfg 文件的 line 33 修改为

app.theme=ext-theme-neptune

在你的终端或命令行中运行sencha app refresh

【讨论】：

“在你的终端或命令行中运行 sencha app refresh” - 这是为了部署我的应用程序？
这也会在开发过程中改变你的主题。

【解决方案3】：

我按照@ccerville 说的做了，但完成了一个

 sencha app build

这对 bootstrap.css 产生了一些影响，并允许调试页面使用海王星。 “刷新”似乎没有什么不同，而构建修改了 bootstrap.css，这是“调试”index.html 使用的。

【讨论】：

【解决方案4】：

在 app.json 中更改“主题”定义的第 31 行。将其更改为“主题”：“ext-theme-neptune”

完成此操作后，在终端或命令行中运行 sencha app build

【讨论】：