2013-05-16 2 views
6

Est-ce que quelqu'un sait comment valider le Widget UI Multiselect Kendo avec le validateur Kendo UI?
Je veux seulement vérifier si les sélections contiennent quelque chose ou sont vides.
Le Multiselect devrait être requis.Kendo ui Multiselect validation

Merci

Répondre

10

Etant donnée une multiselect définie comme:

<select id="tags" multiple="multiple" name="tags" required data-required-msg="Select start time"></select> 

et le code JavaScript suivant pour initialiser:

var multi = $("#tags").kendoMultiSelect({ 
    dataSource: { 
     transport: { 
      read: function (op) { 
       var data = [ 
        "Option1", "Option2", "Option3", "Option4", "Option5" 
       ]; 
       op.success(data); 
      } 
     } 
    } 
}).data("kendoMultiSelect"); 

Ajoutez le code suivant pour valider:

// Get reference to the validator 
var validator = $("#tags").kendoValidator().data("kendoValidator"); 

// Bind validation to blur 
$("input", multi.wrapper).on("blur", function() { 
    validator.validate(); 
}); 
+0

WOW, œuvres gre à :-) merci! – chris

+1

J'ai utilisé cette réponse pour corriger la validation sur nos multi-sélections. La clé du correctif était que nous créions les multisélections sur les éléments 'input' au lieu de' select's, ce qui empêcherait la validation de fonctionner correctement: http://plnkr.co/edit/Riu7EjKq0JjxAElmaQ85?p=preview –

+1

Comme toujours OnaBai est le Top Man :-) Merci pour votre aide! – EdsonF