title: update a nested list in sencha touch 2
body: <p>I'm having trouble redrawing my nested list with sencha touch 2.  My code looks something like the following;</p>
  
  <pre><code>  var data = {items:[{text:'hello', leaf:true}]};
      Ext.application({
         name:'main',
         launch:function(){
  
              Ext.define('ListItem', {
                  extend: 'Ext.data.Model',
                  config: {
                      fields: ['text']
                  }
              });
  
              var treeStore = Ext.create('Ext.data.TreeStore', {
                  id: 'mystore',
                  model: 'ListItem',
                  defaultRootProperty: 'items',
                  root: data});
  
              Ext.create('Ext.NestedList', {
                  id:'mylist',
                  fullscreen: true,
                  store: treeStore
              });
  
          } // end launch:function()
       }); // end Ext.application
  </code></pre>
  
  <p>During run time, I modify the data variable like so <code>data.items[0].text = 'bye'</code>.  How do I get the nestedlist to refresh and show <code>bye</code>?  I tried the following but none of them work:</p>
  
  <pre><code>var mystore = Ext.data.StoreManager.lookup('mystore');
  mystore.setRoot(data);
  Ext.getCmp('mylist').refresh(); // refresh, update, dolayout, repaint etc... does not exist.
  Ext.getCmp('mylist').bindstore(mystore); // bindstore is deprecated
  </code></pre>