How to get a viewmodel item to update when html is updated.

[nevf]

I've got an <input> element and I want to set it's value in code. ie elem.val( "Foo" ) which works fine. However the viewmodel item bound to this element is not updated. Is there some way I can get the view model to update. I don't know what viewmodel item that is bound to the HTML element.

This relates to my earlier issue: https://groups.google.com/d/topic/knockoutjs/vPUdMlec4V8/discussion 

---------------

Neville, http://www.surfulater.com 

[Andrew Booth]

Hi Neville

http://jsfiddle.net/andybooth/BdHAN/

It looks like you may have to call .trigger('change') or .change() on the input, for value binder to be notified.

Andy

File name: <span data-bind='text: fileName'></span><br/>
<input id="fileName" data-bind='value: fileName'/>
<button id="setFileName">Set file name to 'knockout.jpg'</button>

var viewModel = {
    fileName: ko.observable()    
};

$('#setFileName').click(function() {
    //$('#fileName').val('knockout.jpg'); // does not work
    $('#fileName').val('knockout.jpg').change(); // works
});

ko.applyBindings(viewModel);

[nevf]

Hi Andrew, perfect, thanks a bunch. I can move forward again. ;-)