IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Ext JS / Sencha Discussion :

[ext-4.0] Premiers pas avec SenchaSDKTools-1.1


Sujet :

Ext JS / Sencha

  1. #1
    Expert éminent
    Avatar de sekaijin
    Homme Profil pro
    Urbaniste
    Inscrit en
    Juillet 2004
    Messages
    4 205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Urbaniste
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 4 205
    Points : 9 127
    Points
    9 127
    Par défaut [ext-4.0] Premiers pas avec SenchaSDKTools-1.1
    Bonjour

    tout premier essais avec SenchaSDKTools-1.1
    tout d'abord beaucoup de bug dans les versions précédentes.
    pour cette version quelques petits pb mais rien de catastrophique.

    tout d'abord un bug dans le fichier
    ...SenchaSDKTools-1.1\jsbuilder\src\Project.js
    sous windows pas de pb sur les autre plateforme
    dans la méthode compressTarget commentez la ligne
    Fs.remove(source);

    en effet la comment de compression est lancée en asynchrone et le fichier est supprimé avant le compression

    il restera un fichier temporaire mais c'est pas très grave.
    toujours pour windows la méthode
    getCompressor : ajoutez des " autour du path ycompressor.jar (pb avec les espaces.

    voilà pour les prérequis.

    créez votre application comme vous en avez l'habitude sur votre serveur local.
    ajoutez les classes de votre choix
    pensez au requires dans les classe pour les classe requise
    pensez à bien référencer tous les js à charger (comme d’habitude) si tout est bien référencé en statique ou en require (les vues controleurs etc suffisent pour les classes MVC)

    votre application doit être pleinement fonctionnelle avec le chargement statique ou dynamique.
    ouvrez un terminal est depuis le dossier de votre application tapez
    Code shell : Sélectionner tout - Visualiser dans une fenêtre à part
    sencha create jsb -a index.html -p app.jsb3
    index.html est le fichier de démarrage de votre application le nom du fichier jsb3 est à votre convenance.

    le fichier jsb3 vas être créé.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    {
        "projectName": "Project Name",
        "licenseText": "Copyright(c) 2011 Company Name",
        "builds": [
            {
                "name": "All Classes",
                "target": "all-classes.js",
                "options": {
                    "debug": true
                },
                "files": [
                    {
                        "path": "extjs/src/util/",
                        "name": "Observable.js"
                    },
    ...
    changez le nom du projet et la licence si besoin
    notes l'attribut files qui référence tous les composants classes etc que vous utilisez dans votre application.
    le build va produire un fichier all-classes.js qui contient tout le nécessaire.

    c'est ici que sous windows ça se complique un peu. le buil ne sais pas gérer plusieurs disque. si vous avez les outils sur C: et le source sur D: vous allez avoir de soucis.
    pourquoi ? je ne sais pas toujours est-il que nombre de vos fichier js situés dans un sous dossier de l'application sont réfférencés ../../../app ....
    supprimer tous les ../../
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
                    {
                        "path": "../../../../app/store/",
                        "name": "Users.js"
                    },
                    {
                        "path": "../../../../app/model/",
                        "name": "User.js"
                    },
    =>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
                    {
                        "path": "app/store/",
                        "name": "Users.js"
                    },
                    {
                        "path": "app/model/",
                        "name": "User.js"
                    },
    une fois le fichier prêt tappez
    Code shell : Sélectionner tout - Visualiser dans une fenêtre à part
    sencha build -p app.jsb3 -d mydir
    ou mydir et le dossier de livraison de votre application.
    dans celui-ci remplacez dans index.html les références à ext-debug.js par ext.js et tous vos script par app-all.js

    vous pouvez utiliser l'application buildée.
    ext.js ne contient que le strict nécessaire et app-all.js contient tout votre code plus les classe et compoant ext que vous utilisez sous forme compressé.

    si vous en voulez un forme non compressé le fichier temporaire (dû au bug) qui est resté sur le disque contient tout votre source.

    sous chrome le temps de chargement de l'exemple extjs en dev chargement dynamique ets d'environ 3,14s après le buils ext pèse 168 ko et l'application avec les composant Ext 476ko avec un temps de chargement de 532 ms

    pour tous ceux qui se pose la question de savoir si Ext-all n'est pas trop lourd si on utilise que quelque composants cet outil apporte une réponse en permettant de ne charger que les élément nécessaires.

    A+JYT

  2. #2
    Candidat au Club
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Octobre 2011
    Messages
    5
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Octobre 2011
    Messages : 5
    Points : 3
    Points
    3
    Par défaut Complément d'information si possible
    Bonjour,

    quand vous dites

    Citation Envoyé par sekaijin Voir le message
    pensez au requires dans les classe pour les classe requise
    pensez à bien référencer tous les js à charger (comme d’habitude) si tout est bien référencé en statique ou en require (les vues controleurs etc suffisent pour les classes MVC)
    que cela veut exactement dire?

    car à ce jours, je charge les scripts nécessaires dans ma page et construit mes objets Extjs avec la syntaxe

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    viewport = Ext.create('Ext.container.Viewport', {...
    Hors, si j'essaye avec ou sans un require:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    Ext.require('Ext.container.Viewport');
    dans le fichier *.jsb3, je n'ai jamais rien :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    {
        "projectName": "Project Name",
        "licenseText": "Copyright(c) 2011 Company Name",
        "builds": [
            {
                "name": "All Classes",
                "target": "all-classes.js",
                "options": {
                    "debug": true
                },
                "files": []
            },
            {
                "name": "Application - Production",
                "target": "app-all.js",
                "compress": true,
                "files": [
                    {
                        "path": "",
                        "name": "all-classes.js"
                    },
                    {
                        "path": "",
                        "name": "app.js"
                    }
                ]
            }
        ],
        "resources": []
    }
    Pouvez-vous donner un exemple simple de code extjs et le rendu du fichier jsb3

    Merci beaucoup

  3. #3
    Nouveau membre du Club
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Avril 2011
    Messages
    53
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 34
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Avril 2011
    Messages : 53
    Points : 39
    Points
    39
    Par défaut
    mon environnement de travail est visual studio et ma page de démarrage c'est Default.aspx, l'exécution ce fait a travers le serveur IIS de VS.
    comment je peux créer le fichier .jsb3 ?
    ce ligne de code où je dois le taper ?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    sencha create jsb -a index.html -p app.jsb3
    Merci de me répondre svp

Discussions similaires

  1. [ext-4.0] Premiers pas avec MVC
    Par sekaijin dans le forum Ext JS / Sencha
    Réponses: 3
    Dernier message: 23/06/2011, 12h23
  2. premier pas avec java
    Par single dans le forum Débuter avec Java
    Réponses: 5
    Dernier message: 05/08/2007, 10h41
  3. Premier pas avec net : gestion des fichiers ini
    Par fredppp dans le forum VC++ .NET
    Réponses: 6
    Dernier message: 30/03/2007, 12h24
  4. Premier pas avec PHP
    Par ouahid32 dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 1
    Dernier message: 14/02/2007, 11h34
  5. [debutant] premier pas avec le SDK directX9
    Par arno2004 dans le forum DirectX
    Réponses: 6
    Dernier message: 27/05/2004, 22h03

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo