var menuTree = new Ext.tree.TreePanel({
   region:'west',
   title:'選單',
   width:180,
   minSize:150,
   maxSize:200,
   split:true,
   autoScroll:true,
   autoHeight:false,
   collapsible:true,
   rootVisable:true, 
   root:new Ext.tree.TreeNode({
      id:'root',
      text:'訪客人數',
      draggable:false,
      expanded:true
   })
   
   
});


menuTree.root.appendChild(new Ext.tree.TreeNode({
   id:'htmlPanel',
   text:'選單A',
   listeners:{
      'click':function(node, event) {
         event.stopEvent();
         var n = contentPanel.getComponent(node.id);
         if (!n) { //判断是否已经打开该面板
            n = contentPanel.add({
               'id':node.id,
               'title':node.text,
               closable:true,  //通过html载入目标页
               html:'<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="a.html"></iframe>'
            });
         }
         contentPanel.setActiveTab(n);
      }
   }
}));


menuTree.root.appendChild(new Ext.tree.TreeNode({
   id:'htmlPanel2',
   text:'選單B',
   listeners:{
      'click':function(node, event) {
         event.stopEvent();
         var n = contentPanel.getComponent(node.id);
         if (!n) { //判断是否已经打开该面板
            n = contentPanel.add({
               'id':node.id,
               'title':node.text,
               closable:true,  //通过html载入目标页
               html:'<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="b.html"></iframe>'
            });
         }
         contentPanel.setActiveTab(n);
      }
   }
}));

menuTree.root.appendChild(new Ext.tree.TreeNode({
   id:'htmlPanel3',
   text:'選單C',

   listeners:{
      'click':function(node, event) {
         event.stopEvent();
         var n = contentPanel.getComponent(node.id);
         if (!n) { //判断是否已经打开该面板
            n = contentPanel.add({
               'id':node.id,
               'title':node.text,
               closable:true,  //通过html载入目标页
               html:'<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="c.html"></iframe>'
            });
         }
         contentPanel.setActiveTab(n);
      }
   }
}));

menuTree.on('click', function(node, e) {
    e.stopEvent();
    var src = node.attributes.href;
    //...
});