当前位置: 首页 > 工具软件 > dhtmlxTabbar > 使用案例 >

使用dhtmlxTabbar,实现跳格(TAB)控制和异步请求

吕自明
2023-12-01

//创建tab,第2个参数代表位置

tabbar = new dhtmlXTabBar("id", "top");

tabbar.setHrefMode("ajax-html");

tabbar.preventIECashing(true);
tabbar.setImagePath("../imgs/");
tabbar.setStyle("modern");
tabbar.setOffset("15");
tabbar.setMargin("2");
tabbar.enableAutoSize(true, true);

 

tabbar.addTab("a1", "Tab1", "140px");
tabbar.addTab("a2", "Tab2", "140px");
tabbar.addTab("a3", "Tab3", "140px");

 

tabbar.setContentHref("a1", "${ctx}/test/list.do?tapId=a1");
tabbar.setContentHref("a2", "${ctx}/test/list.do?tapId=a2");

tabbar.setContentHref("a3", "${ctx}/test/list.do?tapId=a3");

 

 

tabbar.enableTabCloseButton(true);
  tabbar.setTabActive("a1");
  tabbar.forceLoad("a2");
  tabbar.forceLoad("a3");
  tabbar.setOnTabClose(myFunc);

 

//动态的赋值
     var tapId="a1";
  function myFunc() {
        tabbar.removeTab("operate");
        tabbar.setTabActive(tapId);
   }

 类似资料: