zoukankan      html  css  js  c++  java
  • tabPanel控件示例

     var tabpanel_order_list=new Ext.TabPanel({
            activeTab:0,    //设置默认选择的选项卡
          //   renderTo:'tabpanel',
            region:'center',
            '100%',
            autoDestroy : false,
            height:'100%',
            items:[
                {
                    title:"<span style='font-size:14px;'>第一个选项</span>",
                    // html:"列表",
                    id : 'tab_list',
                    items:[panel_order_list]
                }
            ]
        });
       
         viewport_order_list = new Ext.Viewport({
                enableTabScroll : true,
                layout:'border',
                items:[ tabpanel_order_list]
             });
      }
      //--------------------------------------------------------------设置第二个TabPanel----修改tab的表单
      function loadTab_update_list(){
          
           tabpanel_order_list.add({
                     title:"<span style='font-size:14px;'>第二个选项update</span>",
                    id : 'tab_update_list',
                     closable: true ,
                    items:[updateForm]
           });
      } 
      function loadTab_detail_list(){
         
           tabpanel_order_list.add({
                     title:"<span style='font-size:14px;'>第三个选项detail</span>",
                    id : 'tab_detail_list',
                     closable: true ,
                    items:[detailForm]
           });
      } 

    切换选项卡: tabpanel_order_list.setActiveTab('tab_update_list');

  • 相关阅读:
    FHQ Treap(无旋 Treap)详解
    [CSP-S 2021] 廊桥分配 题解
    Splay Tree(伸展树)详解
    爬虫工程师也应该会的 NodeJS 知识(一)
    网站加密和混淆技术总结
    ip地址
    索引
    go try。。。catch
    python常见问题
    python实现发布订阅
  • 原文地址:https://www.cnblogs.com/summer520/p/3118817.html
Copyright © 2011-2022 走看看