2013-05-24 4 views
10

Ich versuche, Standardthema in ExtJs 4.2 zu Neptune benutzerdefinierte Thema zu ändern. Wie man es zum Debuggen macht?ExtJs Neptune Thema

<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

Sie Ihr Projekt mit Sencha Cmd einrichten? – smhg

+0

Ja, ich verwende es für die Bereitstellung, aber ich muss das Thema zum Debuggen ändern. –

Antwort

19

Sie müssen die folgenden Dateien und Ordner haben:

  1. extjs/ext-all.js
  2. extjs/ext-theme-neptune .js
  3. extjs/resources/css/ext-all-neptune.css
  4. extjs/resources/ext-theme-neptune/ext-theme-neptune-all.css
  5. extjs/resources/ext-theme-neptune/Bilder /*.*

Und Ihr Code wie folgt:

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

Was ist, wenn Sie nur den Ordner ext-all-neptune und ext-theme-neptune haben? Müssen Sie die gesamte Verzeichnisstruktur von extjs beibehalten, um sie verwenden zu können? –

+0

Sie müssen nur Dateien in der Post aufgeführt, alle anderen können gelöscht werden. Datei ext-all-neptune.css und Ordner ext-theme-Neptune genug für Neptun-Stil. – ki11en

5

Um zum neptune Thema line 33 Ihrer sencha.cfg Datei in .sencha/app/sencha.cfg zu

app.theme=ext-theme-neptune

Nachdem ich diesen Lauf sencha app refresh im Terminal ändern zu ändern oder cammand line

+0

"Nachdem Sie dies getan haben, führen Sie Sencha-App-Aktualisierung in Ihrer Terminal- oder Cammand-Zeile durch" - dies ist für die Bereitstellung meiner Anwendung gedacht? –

+1

Dies ändert auch Ihr Thema während der Entwicklung. –

-1

in app.json ändern Linie 31 wo "Thema" definieren. es ändern "Thema":

Nachdem ich dieser Lauf sencha App in Ihrem Terminal oder cammand Linie bauen "ext-theme-neptune"