2013-05-24 17 views
10

Sto tentando di modificare il tema predefinito in ExtJs 4.2 al tema personalizzato Neptune. Come farlo per il debug?ExtJs Neptune theme

<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

State impostare il vostro progetto utilizzando Sencha Cmd? – smhg

+0

Sì, lo uso per la distribuzione, ma ho bisogno di cambiare tema per il debug. –

risposta

19

è necessario avere i seguenti file e cartelle:

  1. extjs/ext-all.js
  2. extjs/ext-theme-nettuno .js
  3. extjs/resources/css/ext-all-neptune.css
  4. ExtJS/risorse/ext-theme-nettuno/ext-theme-Nettuno-all.css
  5. extjs/risorse/ext-theme-nettuno/immagini /*.*

E il tuo codice come segue:

<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

cosa succede se si ha solo la cartella ext-all-neptune e ext-theme-neptune? devi conservare l'intera struttura di directory di extjs per poterlo usare? –

+0

Sono necessari solo i file elencati in post, tutti gli altri possono essere cancellati. File ext-all-neptune.css e cartella ext-theme-neptune sufficienti per lo stile nettuno. – ki11en

5

Per cambiare il tema nettuno modificare line 33 del sencha.cfg file che si trova in .sencha/app/sencha.cfg a

app.theme=ext-theme-neptune

Dopo aver fatto questo percorso sencha app refresh nel vostro terminale o linea cammand

+0

"Dopo aver eseguito questa operazione, è possibile eseguire l'aggiornamento dell'applicazione sencha sul terminale o sulla linea cammand" - questo è per la distribuzione della mia applicazione? –

+1

Questo cambierà anche il tema durante lo sviluppo. –

3

Ho fatto come ha detto @ccerville ma ho finito con un

sencha app build 

che ha fatto un po 'di magia nel bootstrap.css e ha consentito alla pagina di debug di usare nettuno. Il "refresh" non sembra fare la differenza, mentre la build modifica bootstrap.css che è quello che usa il file di debug index.html.

Alcuni ulteriori informazioni disponibili qui: http://senchado.blogspot.ca/2013/03/extjs-42-app-with-custom-neptune-based.html

-1

in app.json cambia linea 31 dove "tema" definisce. cambiarlo "tema": "ext-theme-Nettuno"

Dopo aver fatto questo sencha applicazione run costruire nella vostra linea terminale o cammand