dhtmlxTabbar学习-初始化不显示-刷新

<link rel="stylesheet" type="text/css" href="js/dhtmlx_std_full_web_skin/dhtmlx.css">
 <script  src="js/dhtmlx_std_full_web_skin/dhtmlx.js"></script>

<div id="a_tabbar" ></div>
<script>
      var tabbar=new dhtmlXTabBar("a_tabbar","top");
      tabbar.setSize(500,500);    //单独使用dhtmlXTabBar时，注意设置区域大小。
      tabbar.setImagePath("js/dhtmlx_std_full_web_skin/imgs/"); //
      tabbar.setSkinColors("#FCFBFC","#F4F3EE","#FCFBFC");
      tabbar.setHrefMode("iframes");  // 使用iframes时，tab页面切换时不会刷新

      //tabbar.setHrefMode("iframe"); // 使用iframe时，tab页面切换时会自动刷新
      tabbar.addTab("首页","首页");
      tabbar.addTab("a1","统计");  
      tabbar.setTabActive("首页",true,false);  
      tabbar.setContentHref("首页","http://www.baidu.com");
      tabbar.setContentHref("a1","http://www.baidu.com");  
       //tabbar.loadXML("module.xml");
      tabbar.enableAutoReSize(true);  //窗口变化时自动伸缩
      tabbar.enableAutoSize(500,500); //自适应上层窗口,但限制了宽度，和高度的最大值。
</script>

1. 注意红色标记，单独初始化dhtmlXTabBar时，必须制定setSize,不然不会显示。
2. 通常会与dhtmlxLayout结合使用，这时可以var  tabbar = dhxLayout.cells("c").attachTabbar(); 来进行初始化，这时可以不需要显示的setSize.