Est-il masqué entrée plugin pour knockout.js à l'aide de multiplicateurs de focale?
J'ai vu cette post - il montre d'une solution possible. Mais je voudrais avoir un moyen plus élégant de faire masqué d'entrée.
Il devrait également jouer gentiment avec knock-out de validation plugin (ou peut-être l'étendre).
Ce que quelqu'un sait comment est-on ce type de projet là-bas?
Vous devez vous connecter pour publier un commentaire.
Si vous voulez utiliser l'excellent Masked Entrée Plugin dans knock-out, il est assez facile d'écrire de base d'une liaison personnalisée, plutôt que d'un répéteur.
Et puis dans votre code HTML:
Et ainsi de suite avec les différents masques. De cette façon, vous pouvez simplement mettre le masque dans votre liaison de données, et il permet une tonne de flexibilité.
registerEventHandler
devrait être sur leblur
événement à ne pasfocusout
.var observable = valueAccessor()
qui est en fait juste la chaîne de valeur de mon masque. Toutes les suggestions?$(element).trigger('blur');
à la fin de la méthode de mise à jour.Bien fait, riceboyler. J'ai pris ton code et il l'a étendu un peu afin d'utiliser la fonction "espace réservé" de la propriété des masques de Saisie Plugin:
HTML avec espace réservé:
HTML sans espace réservé:
KO liaison fonctionne dans les deux sens.
Il suffit de prendre le code de la réponse dans le lien et le mettre dans un extender (Écrit sur les mains libres, peut contenir des erreurs)
edit: Vous voulez probablement pour alimenter le masque comme une des options au lieu de l'avoir codé en dur à USD etc
mise à jour:
Si vous souhaitez utiliser le masque plugin de riceboyler de réponse, mais avec des rallonges de vous
peut faire
http://jsfiddle.net/rTK6G/
J'ai essayé d'utiliser la première réponse, mais il ne fonctionne pas avec ko.la validation de brancher. Mes erreurs de validation n'ont pas été affichées.
Je voulais avoir un peu plus intuitive ko classeur. Voici ma solution. Je suis à l'aide de jquery.masquesaisie (inputmask) branchez-la. J'ai aussi essuyez-les bien sur mon viewmodel si pas de valeur entrée.
Ici est l'utilisation:
Vous pouvez utiliser cette solution maison, fonctionne parfaitement pour moi:
Ma Liaison knock-out appel masqué inspiré par le net, j'ai ajouté quelques géré la langue et de la mise à jour à partir de différents événements.
Aussi j'utilise cette librairie js pour l'utilisation de coeur : https://plugins.jquery.com/maskedinput/
Vous pouvez le voir dans ma liaison le terme "allBindingsAccessor().masque" c'est à partir de la bibliothèque maskedinput
dans ma page html, j'utilise ce observables "masqué" :
Enfin dans mon js :
date de naissance est juste un fait observable