2013-05-24 14 views
10

Próbuję zmienić domyślny motyw w ExtJs 4.2 na Neptune niestandardowy motyw. Jak zrobić to do debugowania?ExtJs Neptune motyw

<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

Czy konfigurowania projektu przy użyciu Sencha Cmd? – smhg

+0

Tak Używam go do wdrażania, ale potrzebuję zmienić motyw do debugowania. –

Odpowiedz

19

Musisz posiadać następujące pliki i foldery:

  1. ExtJS/EXT-all.js
  2. ExtJS/ext-theme-Neptun .js
  3. extjs/resources/css/ext-all-neptune.css
  4. ExtJS/resources/ext-theme-Neptun/ext-theme-Neptuna all.css
  5. ExtJS/resources/ext-theme-Neptun/zdjęć /*.*

I Twój kod w następujący sposób:

<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

co zrobić, jeśli masz tylko folder ext-all-neptune i ext-theme-neptune? czy musisz zachować całą strukturę katalogów extjs, aby móc z niego korzystać? –

+0

Potrzebujesz tylko plików wymienionych w poście, wszystkie inne mogą zostać usunięte. Plik ext-all-neptune.css i folder ext-theme-neptune wystarczają do stylu neptunowego. – ki11en

5

Aby zmienić Neptuna motywu zmodyfikować line 33 swojego pliku sencha.cfg znajduje się w .sencha/app/sencha.cfg do

app.theme=ext-theme-neptune

Po wykonaniu tej run sencha app refresh w terminalu lub linia cammand

+0

"Po wykonaniu tej czynności uruchom aplikację odświeżania w aplikacji sencha w linii terminalu lub kamery" - to jest na potrzeby wdrażania mojej aplikacji? –

+1

Zmieni to również Twój motyw podczas opracowywania. –

-1

w app.json zmienić wiersz 31, gdzie "temat" zdefiniować. go zmienić "motyw": "EXT-theme-Neptun"

Po wykonaniu tej czynności run Sencha app zbudować w linii końcowej lub cammand