title: ExtJS 4: TreeStore with both static and dynamically-loaded data?
body: <p>I'm making a TreePanel that looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/MMGP3.png" alt="enter image description here"></p>
  
  <p>At the moment I have it "mocked up" with the following code:</p>
  
  <pre><code>treePanel.setRootNode({
      text: 'Root',
      expanded: true,
      children: [
          {
              text: 'General Settings',
              icon: kpc.cfg.baseUrl.img+'/icon_gears-bluegreen.gif',
              leaf: true
          },
          {
              text: 'Users',
              icon: kpc.cfg.baseUrl.img+'/icon_users-16x16.gif',
              expanded: true,
              children: [
                  {
                      text: 'Dummy User 1',
                      icon: kpc.cfg.baseUrl.img+'/icon_user-suit.gif',
                      leaf: true
                  },
                  {
                      text: 'Dummy User 2',
                      icon: kpc.cfg.baseUrl.img+'/icon_user-suit.gif',
                      leaf: true
                  },
                  {
                      text: 'Dummy User 3',
                      icon: kpc.cfg.baseUrl.img+'/icon_user-suit.gif',
                      leaf: true
                  },
                  {
                      text: 'Dummy User 4',
                      icon: kpc.cfg.baseUrl.img+'/icon_user-suit.gif',
                      leaf: true
                  }
              ]
          }
      ]
  });
  </code></pre>
  
  <p><strong>How can I load the individual users dynamically (i.e., via a store)?</strong> In other words, how do I make a TreeStore that is a mixture of both static and dynamically-loaded items?</p>
  
  <p>Thanks!</p>