NietenJS Update-Modell mit einer Speicherfunktion

Question

Ich habe diese Eingänge und wenn ich rv-Wert verwende, kann ich die Daten in Echtzeit aktualisieren, aber ich möchte die Daten nur analysieren, wenn ein Benutzer auf Speichern klickt .. Wie kann ich das tun?

<form class="form"> 
     <div class="col-md-6"> 
      <label>ID</label> 
      <input class="form-control" name="id" value="" rv-placeholder="user.id" rv-value=""><br/> 
      <label>Name</label> 
      <input class="form-control" name="name" value="" rv-placeholder="user.name" rv-value=""><br/> 
      <label>Age</label> 
      <input class="form-control" name="age" value="" rv-placeholder="user.age" rv-value=""> 
     </div> 
     <div class="col-md-6"> 
      <label>City</label> 
      <input class="form-control" name="city" value="" rv-placeholder="user.city" rv-value="user.city"><br/> 
      <label>State</label> 
      <input class="form-control" name="state" value="" rv-placeholder="user.state" rv-value=""><br/> 
      <label>Zip</label> 
      <input class="form-control" name="zip" value="" rv-placeholder="user.zip" rv-value=""> 
     </div> 
    </div> 
    </form> 

Answer 1

Ich habe eine Geige geschaffen, die Ihre Frage beantwortet: https://jsfiddle.net/fba88ph9/13/

var data = { 
    placeholder: { 
    id: 0, 
    name: "your name", 
    age: "your age", 
    city: "city", 
    state: "state", 
    zip: "1804YZ" 
    }, 
    user : {}, 
    save : function(){ 
    var parsedData = JSON.parse(JSON.stringify(data.user)); 
    //do something with the parsedData. 
    console.log(parsedData); 
    } 
}; 


rivets.bind($("#app"), data); 

ich das Benutzerobjekt und den Platzhalter-Objekt getrennt haben. Durch das Binden der Benutzerschlüssel an rv-value wird das Benutzerobjekt aktualisiert, wenn Sie das Formular ändern. Die hinzugefügte Schaltfläche zum Speichern ruft die Speicherfunktion auf, wenn sie mit rv-on-click gedrückt wird. Dadurch werden die aktuellen Daten mit einem JSON-Parser-Trick geklont.