ExtJs Neptune主题

时间:2013-05-24 09:34:05

标签: extjs themes extjs4.2

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

4 个答案:

答案 0 :(得分:19)

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

     
  1. ExtJS的/的 EXT-all.js
  2.  
  3. ExtJS的/的 EXT-主题neptune.js
  4.  
  5. ExtJS的/资源/ CSS /的 EXT-全neptune.css
  6.  
  7. ExtJS的/资源/ EXT-主题海王星/的 EXT-主题海王星all.css
  8.  
  9. ExtJS的/资源/ EXT-主题海王星/ 图片/*.*
  10. 您的代码如下:

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