Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/extjs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Extjs 海王星主题_Extjs_Themes_Extjs4.2 - Fatal编程技术网

Extjs 海王星主题

Extjs 海王星主题,extjs,themes,extjs4.2,Extjs,Themes,Extjs4.2,我正在尝试将ExtJS4.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/c

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

xxx

要更改为海王星主题,请将
sencha.cfg
文件的
第33行修改为

app.theme=ext-theme-neptune


在您的终端或cammand行中运行
sencha应用程序刷新

之后,我按照@ccerville所说的做了,但以一个

 sencha app build 
这对bootstrap.css起到了一些神奇的作用,并允许调试页面使用neptune。“刷新”似乎没有什么不同,而构建修改了bootstrap.css,这正是“调试”index.html所使用的


此处提供更多信息:

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

  • extjs/ext all.js
  • extjs/ext主题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>
    
    
    xxx
    
    在app.json中更改第31行中“主题”的定义。 将其更改为“主题”:“外景主题海王星”


    完成此操作后,在终端或cammand行中运行sencha应用程序构建

    是否使用sencha Cmd设置项目?是的,我使用它进行部署,但我需要更改调试主题。“完成此操作后,在终端或cammand行中运行sencha应用程序刷新”-这是用于部署我的应用程序的?这也会在开发时更改您的主题。如果您只有ext all neptune和ext theme neptune文件夹会怎么样?您是否必须保留extjs的整个目录结构才能使用它?您只需要post中列出的文件,所有其他文件都可能被删除。文件ext-all-neptune.css和文件夹ext-theme-neptune足够海王星风格。