Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
285
Changes to underlying observable not reflected in grid when adding new item to an observable array.
posted

We have a grid that is bound to an observable array.  When we add a new item through code to the observable array the item is displayed in the grid as expected.  The issue we are running into is when we update one of the observable of the newly added item through code that change is not reflected in the newly added grid row.  

It seems like the grid is correctly listening to changes to the observable array but is failing to correctly bind it's UI for the new row to the observables of the newly added item.

Please see the attached example.  

1)  If you click the 'Modify' button the last item in the observable will have it's 'Name' observable modified and the new value is reflected in the grid  

2)  Refresh page.

      When you click the 'Add' button, code will run to insert a new item into an observable array and you can see the new item is reflected in the grid.

      If you then click the modify button the name observable of the last item in observablearray is modified, but that value is not reflected in the grid.