Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>If your view is only showing a single attribute - for example, if it's a checkbox showing some boolean attribute of your model - you should listen to the 'change:attribute_name' event for that attribute, as described in <a href="http://documentcloud.github.com/backbone/#Model" rel="noreferrer">the Backbone docs</a>.</p> <p>If your view is more complex and relies on multiple model attributes - for example if it's a view for "To Do" list item that has "done", "text", and "dueDate" elements, then listen for the 'change' event. In this case, you can either either choose to update all of the elements on each event, or you can use changedAttributes() to determine which elements need updating.</p> <p>To illustrate ...</p> <h2>Update attributes using 'change:attribute_name' events:</h2> <p>This style works well for simple views where the number of model attributes being rendered is &lt; 3 or so. More than that and the code gets a bit cumbersome.</p> <pre><code>model.bind('change:done', function() { view.doneElement.checked = model.get('done'); }); model.bind('change:text', function() { view.textElement.value = model.get('text'); }); model.bind('change:dueDate', function() { view.dueDateElement.value = model.get('dueDate'); }); </code></pre> <h2>Update everything on 'change' events:</h2> <p>This style works well for complex views that render 4 or more attributes (the 3/4 attribute count is just a rough guideline, based mostly on my personal opinion). </p> <pre><code>model.bind('change', function() { view.doneElement.checked = model.get('done'); view.textElement.value = model.get('text'); view.dueDateElement.value = model.get('dueDate'); }); </code></pre> <p>The downside to this is that for any change, every element of the view is updated. So, for example, if a person marks a todo item as "done", the text will be re-rendered, possibly losing whatever selection they may have had there. Sometimes that sort of thing is an issue, sometimes it isn't - you'll have to decide based on what exactly your view is doing.</p> <h2>Update only what's changed since the last 'change' event:</h2> <p>This is the more nuanced variation of the above, and combines the best of both approaches. It updates the view elements that need updating based on the changedAttributes() results.</p> <pre><code>model.bind('change', function() { var diff = model.changedAttributes(); for (var att in diff) { switch(att) { case 'done': view.doneElement.checked = model.get('done'); break; case 'text': view.textElement.value = model.get('text'); break; case 'dueDate': view.dueDateElement.value = model.get('dueDate'); break; } } }); </code></pre> <p>Finally, I'll note that there's yet another variation on this that involves having the view store a hash of what values it's displaying, and passing that into the changedAttributes() method. That's typically not necessary, so I won't bore you with the details here.</p>
    singulars
    1. This table or related slice is empty.
    1. POUpdating changed attributes with backbone.js
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USbroofa
    1. USbroofa
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POUpdating changed attributes with backbone.js
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COThanks for the great answer! How should I approach this? I have a list of items, each item has a few attributes to update. I get an object containing all of these items from the server. I want to take the object of all these items and replace the current set of these objects in the attributes of my model. After that I want to update changed items that exist in the DOM and add items that don't yet exist in the DOM.
      singulars
      1. PO
      1. USfancy
    2. COMy first thought was to compare the two objects on my own to determine what is new and what is just updated, what is deleted. I didn't know if backbone helps out here at all.
      singulars
      1. PO
      1. USfancy
    3. COJust do model.set(attributes) - Backbone checks to see if the attributes being set are actually different from what's already in the model (using underscore.js _.isEqual()). So events will only fire if/when an attribute actually changes.
      singulars
      1. PO
      1. USbroofa
 

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