My Observablearray in knockout foreach binding doesn't update?

Question

 <pre data-bind="text: ko.toJSON($data, null, 2)"></pre>

    <ul data-bind="foreach: arrData" >
        <li>  
            <span data-bind="text: name"></span>
        </li>
    </ul>

The structure is like $data.arrData which arrData is an observablearray. I modify the contents like this:

arrData().splice(0, 1, ko.toJS(data.selectedData));

The $data variable does update but not the observableArray. But if I insert in the array in the beginning then the old value shows, but not the new one.

can you add a sample fiddle explaining the issue or try arrData.splice(//). — super cool
– super cool, Commented Oct 21, 2015 at 15:30

Jamiec · Accepted Answer · 2015-10-21 15:30:38Z

3

by reading the value of arrData using arrData() you're falling back to the underlying array. It seems you want to be using the version of splice directly on the observable array itself:

arrData.splice(0, 1, ko.toJS(data.selectedData));

answered Oct 21, 2015 at 15:30

Jamiec

136k15 gold badges143 silver badges202 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Marko Over a year ago

And what's the solution?

Jamiec Over a year ago

Uhm... exactly what I posted (remove the parentheses from arrData())

webketje Over a year ago

Alternatively you could achieve the same by doing: var temp = arrData(); temp.splice(0, 1, ko.toJS(data.selectedData)); arrData(temp);

Collectives™ on Stack Overflow

My Observablearray in knockout foreach binding doesn't update?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related