开始接触Ext

今天第一次接触Ext，晚上下班加家后终于把今天的计划完成了(使用Ext中的TabPanel可以add、remove tab)。

add Button：

Ext.get("addTab").on("click",function(){
  var myTabs = Ext.getCmp('myTab');
  var count = myTabs.items.length+1;
  var tabId = "tab "+count;
  var tab = myTabs.add({
   title: tabId,
   autoLoad: 'ajax1.htm'
  });
  myTabs.activate(tab);
 });

 

remove Button：

Ext.get("removeTab").on("click",function(){
  var myTabs = Ext.getCmp('myTab');
  var tab = myTabs.getActiveTab();
  myTabs.remove(tab);
 });

如果remove掉所有tab，在add tab时会发现tab 的content不可见，设置在创建TabPanel时添加

autoHeight: true即可;