impossible d'analyser les liaisons knockout js pour la liste déroulante

Question

J'ai une liste déroulante dans un formulaire dont les valeurs doivent être passées à une grille en cliquant sur le bouton de sauvegarde. J'utilise kendo ui et je suis js knock-out

de fixation dans le modèle de vue que:

JS

this.blahList = ko.observableArray(["1", "1", "p3","c3ai"]); 
    this.blah = ko.observable(); 

this is my add function: 

    this.addBorrower = function() { 
         this.borrowers.push(new Borrower({ name: this.newName(), address: this.newAddress() , blah: this.newBlah()})); 

         }; 

HTML

<li> 
blah : 
<input data-bind="kendoDropDownList: { data: blahList, value: newBlah}" /> 
</li> 

il montre une erreur

erreur

Uncaught Error: Unable to parse bindings. 
Message: ReferenceError: newBlah is not defined; 
Bindings value: kendoDropDownList: { data: blahList, value: newBlah} 

Uncaught TypeError: Object #<AppViewModel> has no method 'newBlah' 

Quelqu'un peut-il m'aider?

Answer 1

Le kendoDropDownList liaison tente d'écrire la valeur dans le menu déroulant à une propriété nommée « newBlah » qui devrait être sur votre modèle de vue, mais pas.

Changez votre modèle de vue de

this.blahList = ko.observableArray(["1", "1", "p3","c3ai"]); 
this.newBlah = ko.observable(); //this is where the value will be stored 

En d'autres termes, pour la liaison kendoDropDownList, les propriétés que vous attribuez à des « données » et « valeur » doit exister sur votre modèle de vue. Dans ce cas, "blahList" et "newBlah" doivent exister sur votre modèle de vue.