Articles of mvvm

Knockoutjs met à jour l'enfant lorsque les changements observables des parents

Comment déclencher une mise à jour sur les éléments enfants lorsqu'un parent observable change en utilisant KnockoutJs? Dans ma demande, je construis un outil de traduction. J'ai une classe knock-out qui représente la valeur brute (par défaut) de certains textes, avec une collection d'enfants traduits: function ParentObject(id, defaultValue) { var self = this; self.id = […]

Kendo UI: impossible d'ajouter footerTemplate à la grille

J'essaie d'afficher le compte du champ dans footerTemplate. Follow is the fiddle: Http://jsbin.com/ajoyug/8/edit Cependant, sans le footerTemplate, cela fonctionne bien. Mais dès que j'ajoute le footerTemplate, il cesse de fonctionner. À l'intérieur de l'objet aggregateResult, je reçois la valeur de count. Mais alors, comment puis-je l'ajouter au footerTemplate? Aidez-moi. Merci!!

Comment afficher uniquement les enregistrements sélectionnés dans la table des résultats

Deux tables utilisent la même source. Ces tableaux utilisent la liaison source des modèles Kendo. À l'heure actuelle, la source de ces deux tableaux sont des employees . Ces deux tables affichent ces mêmes données. Maintenant, nous devons le modifier pour afficher uniquement les enregistrements sélectionnés dans la table des résultats. En outre, lorsque l'utilisateur […]

KnockoutJS / Bootstrap – Effacement du formulaire modal lors de la fermeture de modal en utilisant javascript

J'ai un Bootstrap Modal qui contient un formulaire pour mettre à jour ou créer une entité (Company dans mon exemple). À l'heure actuelle, mon problème est que si je visualise une entité à l'aide de la modal, elle ne supprime pas les champs lorsque je ferme le mode d'origine par tous les moyens. Causant le […]

ExtJS 5: confusion avec des changements persistants pour voir l'enregistrement modèle / formulaire

J'ai eu un petit problème pour trouver la meilleure approche pour ce problème … Devrais-je utiliser un formulaire avec un enregistrement chargé (me donne un accès facile à la validation sur chaque champ), ou devrais-je laisser la liaison faire tout le travail (Peut exploiter le ViewModel plus). Je n'ai pas été en mesure de décider, […]

Prise en charge de Mvvm pour le widget personnalisé de kendo ui

Quelques jours avant, j'ai posé cette question et obtenu une réponse vraiment sympa. Par la suite, je me demande si je peux utiliser mon widget personnalisé alors que j'utilise tous les composants standart kendo par mvvm convention. Et quelles parties du widget personnalisé dois-je modifier? Par exemple: <div id="dropdowns" data-role="linkeddropdowns" data-period="YEAR" data-bind="year: selectedYear"></div> Merci,

Nested vue.js instances / éléments

Cela peut sembler une vraie question noob, mais je suis assez nouveau pour MVVM … ou même MVC dans JS, désolée à l'avance. Je joue avec vue.js, et j'aime la simplicité jusqu'à présent. Mais pour ce que j'essaie de faire, je pense que je dois aborder cela de manière différente. Je souhaite nicher les instances […]

Comment puis-je utiliser un routeur et des attributs intégrés / personnalisés pour créer un menu déroulant dans aurelia?

Twitter bootstrap a une option de menu déroulant; Où un menu a plusieurs couches. Voir: http://getbootstrap.com/javascript/#dropdowns Comment puis-je utiliser les routeurs d'Aurelia.js pour le recréer? Les routeurs fournissent normalement 1 niveau. J'ai besoin de 2 niveaux.

VueJS – Comment initialiser un modèle dynamiquement avec le résultat d'un appel ajax

Je souhaite charger dynamiquement le template d'un composant VueJS. Je voudrais faire un appel AJAX à l'aide de jQuery, et quel que soit le retour du serveur devrait être le template du composant VueJS. Voici une version simplifiée du code avec l'appel AJAX supprimé car il n'est pas pertinent d'où proviennent les données: BoardFeed = […]

Passer des params aux composants enfants dans Knockout

J'ai un modèle: <template id="item-list"> <form action="" data-bind="submit: addItem"> <input type="text" name="addItem" data-bind="value: newItem"> <button type="submit">Add Item</button> </form> <ul class="item-list" data-bind="foreach: items"> <item params="title: title, $element: $element, $data: $data, $parent: $parent"></item> </ul> </template> <template id="item"> <li class="item" data-bind="text: title, click: $parent.removeItem"></li> </template> <item-list params="items: items"></item-list> Et quelques composants avec une certaine logique: function Item(title) { […]