Knockout removeAll() non reconnu

Question

J'ai une page que je lie un viewmodel à une table HTML dans une boîte de dialogue jQuery UI.

Lorsque l'utilisateur ferme la boîte de dialogue, je souhaite supprimer tout l'élément à l'intérieur du modèle de vue observableArray lié au tableau HTML. J'utilise la méthode removeAll(), mais mon firebug m'a dit que ce n'est pas reconnu comme une fonction.

Pouvez-vous m'aider?

Ceci est un scénario simplifié.

HTML

<input type="button" id="open" value="GO!"><br /> 
<div id='hidden'> 
    <table> 
     <tbody data-bind="foreach: i"> 
      <tr> 
       <td><span data-bind="text: code" /></td> 
       <td><span data-bind="text: descr" /></td> 
      </tr> 
     </tbody> 
    </table> 
</div> 

JS

$(function() { 

    function vm() { 
     this.items = [ 
      {code: "2011",descr: "descr 2011"}, 
      {code: "2012",descr: "descr 2012"}, 
      {code: "2013",descr: "descr 2013"} 
     ]; 

     this.i = ko.observableArray(this.items); 

     this.clearFoundEvals = function() 
     { 
      this.i.removeAll(); 
     }; 

     return this; 
    } 

    ko.applyBindings(new vm()); 

    $dialog = $('#hidden').dialog({ 
     autoOpen: false, 
     height: 200, 
     width: 300, 
     buttons: { 
      cancel: function() { 
       vm.clearFoundEvals(); 
       $(this).dialog('close'); 
      } 
      } 
     }); 

     $('#open').click(function(){ 
      $dialog.dialog('open'); 
     });  
    });  

Working example

Answer 1

Vous ne l'avez pas affecté votre modèle de vue à une variable, donc il n'existe pas dans la méthode cancel:

var vm = new vm(); 
ko.applyBindings(vm);