Databases
StackOverflow2013
Postsdbo
POKnockoutjs mapping - without initial data
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POKnockoutjs mapping - without initial data
    primarykey
    data
    text
    <p>Using knockoutjs, i'm attempting to map a large and complex piece of data. I'm using the revealing module pattern. </p> <p>In order to make all elements of the object observable, i'm using the mapping plugin. However, i've hit an issue: I cannot find, anywhere, an example of using ko.mapping.fromJS() where some initial data is <em>not</em> mapped on the viewmodel object, but is mapped later, after - in my case - an ajax call has been made and some data retrieved. That is, I do not have any initial data, so need the initial mapping to be full of nulls, empties, or defaults.</p> <p>This is the only info anywhere that is sort of related</p> <p><a href="https://stackoverflow.com/questions/6735225/knockout-js-mapping-plugin-without-initial-data-empty-form">Knockout JS mapping plugin without initial data / empty form</a></p> <p>but this doesn't really solve the same problem - or at least, I can't make it solve the same problem. </p> <p>And here's roughly the code i've got. </p> <pre><code>var viewModel = function(){ var farmyard = *** What?? ***; var refreshData = function(){ var temp = null; $.ajax( // awesome server call etc success: function(data){ temp = data; } ); ko.mapping.fromJS(temp, farmyard); }; return{ farmyard: farmyard, refreshData: refreshData } }; $(function(){ var vm = new viewModel(); ko.applybindings(vm); $('#something).on('click',function(){ vm.refreshData(); }); }); </code></pre> <p>So, my question is, what is the farmyard on the initial load of this object? At the moment I have had to setup empty objects to make this work, handcoding every element of every object, and as mentioned, the object hierarchy being mapped is large and complex, so this is not ideal. Any help much appreciated.</p> <p>Thanks.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USCommunity
    1. USGreg Smith
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POKnockoutjs mapping - without initial data
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POKnockoutjs mapping - without initial data
      1. USmcbowes
      1. VTFavorite
    1. COI'm curious why you can't send an actual empty viewmodel with the first page request? Or, if the data really is seperate, perform binding at the same time you first get the initial viewmodel, instead of on DOM ready.
      singulars
      1. POKnockoutjs mapping - without initial data
      1. USTyrsius
    2. COThanks for the comment. I was initially performing the data binding when the object became available (ie, after the ajax request), but this caused problems as it was calling ko.applyBindings() every time the ajax call was made (ie, on a click event). However, the first part of your comment is really what I should be doing, and so obvious...a real wood for the trees moment I think. Thanks.
      singulars
      1. POKnockoutjs mapping - without initial data
      1. USGreg Smith
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload