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

JavaScript Discussion :

Knockout 3.2.0 : personnalisation, réutilisation et extension


Sujet :

JavaScript

  1. #1
    Expert éminent sénior

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Points : 79 912
    Points
    79 912
    Par défaut Knockout 3.2.0 : personnalisation, réutilisation et extension
    Knockout 3.2.0 : personnalisation, réutilisation et extension
    La bibliothèque JavaScript UI de type MVVM se consolide.


    Knockout est une bibliothèque JavaScript qui permet de créer des interfaces utilisateur riches et dynamiques, ainsi qu'un éditeur d'interface utilisant un modèle de données sous-jacent. C'est une architecture MVVM (Modèle-Vue-VueModèle).

    Avec cet outil, vous pouvez faire, par exemple :

    • une mise à jour automatique des bonnes parties de votre interface utilisateur à chaque changement du modèle de données ;
    • des liaisons déclaratives. C'est une façon simple et évidente pour relier votre interface utilisateur à votre modèle de données ;
    • mettre en œuvre des comportements personnalisés comme de nouvelles liaisons déclaratives pour une réutilisation facile en seulement quelques lignes de code.


    Étant écrit en JavaScript pur, Knockout fonctionne avec n'importe quelle technologie serveur ou cliente. Elle peut donc être ajoutée à vos applications Web existantes. L'outil est d'ailleurs léger, environs 13 ko après compression.
    Il fonctionne sur n'importe quel grand navigateur (IE 6+, Firefox 2+, Chrome, Safari, etc.).

    Les développeurs familiarisés avec Ruby on Rails, ASP.NET MVC ou d'autres technologies de type MV* peuvent voir MVVM comme une forme en temps réel de MVC avec la syntaxe déclarative.

    La version 3.2.0 vient de sortir. Contrairement à une prochaine version qui contiendra des changements plus conséquénts, celle-ci propose quelques améliorations et nouveautés comme notamment :

    • la réutilisation et l'extension des composants pour combiner dynamiquement les modèles de vues et les templates ;
    • les éléments personnalisés pour utiliser les composants
      <my-component params="value: price, format: priceFormat"></my-component> ;
    • l'ajout de ko.pureComputed et la gestion en temps réel de textInput (drag-and-drop, coller, etc.) ;
    • la mise à jour de Bower.


    Pour plus d'informations à ce sujet, visitez cette page.


    Site officiel.
    Téléchargement.
    Documentation.

  2. #2
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    Novembre 2012
    Messages
    3 375
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2012
    Messages : 3 375
    Points : 9 944
    Points
    9 944
    Par défaut
    Knockout est actuellement une de mes bibliothèques de data-binding préférées aux côtés d'Angular, et une grande source d'inspiration pour une de mes libs persos. Elle mériterait d'être davantage connue et utilisée.
    One Web to rule them all

  3. #3
    Membre régulier
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    134
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Février 2006
    Messages : 134
    Points : 112
    Points
    112
    Par défaut
    Bonjour à tous!

    Je ne sais pas si c'est le meilleur endroit pour parler de ca mais je tente quand meme :-P

    justement a propos de ces histoires de components

    "<my-component params="value: price, format: priceFormat"></my-component> "

    Il y a quand meme des petites choses qui m'echapent sans doutes due au peu d'expérience sur le framework =)
    Je voudrais faire un prefix d'id pour tous mes composants de manière a ce que a chaque fois que j'appelle my-component comme ci dessus je puisse préciser un scope d'id pour ne pas que ca marche sur les pieds d'autres déclarations similaires...

    J'ai étudié les méthodes AfterRender, mais qui est appelé depuis le template (ce que je trouve particulièrement moche =/ )
    Sinon j'ai un peu creusé côté de "Synchronous: true" lors du register... mais cela ne semble pas donner des résultats probants...

    Auriez vous une idée pour mon problème?
    Ou bien de manière plus générale peut etre une doc a jour pour justement le travail avec les components require js, etc etc une vrai appli scallable quoi :-)

Discussions similaires

  1. [XL-2007] Manipulation de fichier texte d'extension personnalisée via VBA
    Par GOLDINGMAROC dans le forum Macros et VBA Excel
    Réponses: 3
    Dernier message: 11/12/2013, 12h16
  2. Extension de fichier personnalisée
    Par zouzouPitchou dans le forum Android
    Réponses: 3
    Dernier message: 23/08/2013, 15h36
  3. Refresh dataTable + knockout extension
    Par condor_ dans le forum Bibliothèques & Frameworks
    Réponses: 0
    Dernier message: 11/10/2012, 20h20
  4. [2.x] Personnalisation CRUD - réutilisation
    Par Sergei75 dans le forum Symfony
    Réponses: 4
    Dernier message: 28/11/2011, 00h02
  5. Comment récupérer le nom du fichier sans l'extension ?
    Par altahir007 dans le forum Langage
    Réponses: 16
    Dernier message: 13/11/2009, 13h20

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