ExtJs Neptune thème

Je suis en train de changer le thème par défaut dans ExtJs 4.2 à Neptune thème personnalisé. Comment faire pour le débogage?

<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>
Êtes-vous à la configuration de votre projet à l'aide de Sencha Cmd?
Oui je l'utilise pour le déploiement, mais j'ai besoin de changer de thème pour le débogage.

OriginalL'auteur Nail Shakirov | 2013-05-24

  1. 19

    Vous devez avoir les fichiers et dossiers suivants:

    1. extjs/ext-all.js
    2. extjs/ext-theme-neptune.js
    3. extjs/ressources/css/ext-all-neptune.css
    4. extjs/ressources/ext-thème-neptune/ext-thème-neptune-tous.css
    5. extjs/ressources/ext-thème-neptune/images/*.*

    Et votre code comme suit:

    <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>
    que faire si vous avez seulement l'ext-all-neptune et de l'ext-thème-neptune dossier? avez-vous des afin de préserver l'ensemble de la structure de répertoire de extjs pour être en mesure de l'utiliser?
    Vous avez seulement besoin de fichiers listés en poste, tous les autres peuvent être supprimés. De fichiers ext-all-neptune.css et le dossier ext-thème-neptune assez pour style neptune.

    OriginalL'auteur ki11en

  2. 5

    Pour modifier le neptune thème modifier line 33 de votre sencha.cfg fichier situé dans .sencha/app/sencha.cfg à

    app.theme=ext-theme-neptune

    Après avoir fait cette course sencha app refresh dans votre terminal ou votre cammand ligne

    "Après avoir fait cette course sencha app actualiser dans votre terminal ou votre cammand ligne" - c'est pour le déploiement de mon application?
    Cela permettra également de modifier votre thème en développement.

    OriginalL'auteur cclerville

  3. 3

    J'ai fait comme @ccerville dit mais a terminé avec une

     sencha app build

    qui fait de la magie pour le bootstrap.css et a permis de débogage de la page de neptune. L'actualisation ne semble pas faire une différence, alors que la construction modifie bootstrap.css c'est ce que le 'debug' index.html les utilisations.

    Quelques infos disponibles ici : http://senchado.blogspot.ca/2013/03/extjs-42-app-with-custom-neptune-based.html

    OriginalL'auteur amackay11

  4. -1

    dans l'app.json modifier la ligne 31, où le "thème" définir.
    changer "thème": "ext-thème-neptune"

    Après avoir fait cette course sencha app construire dans votre terminal ou cammand ligne

    OriginalL'auteur Ashish Gupta