新しいブログトピックの保存リンクをクリックすると、コンソール出力はトピックオブジェクトの空の値になります。既存のブログトピックの保存リンクをクリックすると、出力はトピックオブジェクトの古い値になります。
保存リンクをクリックしたときに値がプロパティに割り当てられないのはなぜですか?
var viewModel = function(topics){
var self = this;
self.topics = ko.observableArray(topics);
self.editing_topic = ko.observable("");
self.new_topic = function(){
self.edit_topic({});
}
self.edit_topic = function(topic){
self.editing_topic(topic);
form.dialog({width:800, height:600, modal:true});
};
self.save_topic = function(){
console.log(self.topic());
};
};
ko.applyBindings(new viewModel(jsondata));
<fieldset class="blog_topic_form" title="New Blog Entry">
<div>
<label for="topic_title">
Title:
</label>
<input type="text" id="topic_title" data-bind="value: topic().topic_title"/>
</div>
<div>
<label for="message_contents">
Message:
</label>
<textarea id="message_contents" class="message_contents" data-bind="value: topic().message_contents"/>
</div>
<footer>
<a class="save_link" data-bind="click: save_topic"></a>
<a class="cancel_link"></a>
</footer>
</fieldset>
編集:これがjsfiddleです:http: //jsfiddle.net/jLkxG/3/
実行すると、デフォルト値が割り当てられます。ただし、テキストボックスを編集して[保存リンク]をクリックすると、テキストボックスに入力された値ではなく、元の(初期)値が出力されます。