다이나믹 탭 추가

function add_grid( rowIndex )
    {
        // grid object 추가    
        objtext = new Ext.form.TextField({
            name: "txt_trans_no",
            id: "txt_trans_no",
            fieldLabel: '회수 송장번호',
            width: 200,
            allowBlank: false,
            autoShow: true
        });

        // form 생성
        var form = new Ext.form.FormPanel({
            baseCls: 'x-plain',
            labelWidth: 120,
            items: [objtext],
            autoShow: true
        });

        tabs.add({
            title: 'New Tab ' + (++rowIndex),
            items: [form],
            closable:true
        }).show();

        // doLayout을 해야 tabs의 내용이 반영된다.
      // 이걸 안 해서 하루종일 삽질 함..
        tabs.doLayout();
    }

TabPanel에 IframePanel 넣기

테스트 해보지는 않았는데 나중에 쓸 일이 있을 것 같아서 기록해 둠..
아래 원 정보의 사이트가 있음

<script type="text/javascript" src="miframe.js"></script>  
<script type="text/javascript" src="miframe-min.js"></script>  

Ext.reg('iframepanel', Ext.ux.ManagedIframePanel);

var obj = mainPanel.add(
       {
             id : 'tab-panel-' + Ext.id(),
             title : 'iframe-' + Ext.id(),
             xtype : 'iframepanel',
             closable : true,
             loadMask : {msg:'로딩중...'},
             //required so nonIE (of all things) wont refresh the iframe object when hidden
             style : {position:(Ext.isIE?'relative':'absolute')},
             hideMode : (Ext.isIE?'display':'visibility'),
             tbar : [{
                         text : 'Return',
                        handler : function(){
                             var panel = mainPanel.getActiveTab();
                            if(panel){
                                 panel.loadMask.msg = '지금 로딩중...';
                                 panel.setSrc();
                           }
                        }
                    },'-',{
                        text : 'Print',
                        handler: function(){
                       try{
                          mainPanel.getActiveTab().iframe.print();
                       }catch(ex){
                           Ext.Msg. 로만 해주시고

http://extjs.com/forum/showthread.php?t=16590&highlight=iframe
http://x1004.com/Home/tabid/36/forumid/33/postid/78/scope/posts/language/ko-KR/Default.aspx

Tab구현 예제

단순 Tab구현

Ext.onReady(function(){
    var tabs = new Ext.TabPanel({
        renderTo: Ext.getBody(),
        activeTab: 0,
        items: [{
            title: 'Tab 1',
            html: 'A simple tab'
        },{
            title: 'Tab 2',
            html: 'Another one',
            closable:true
        }],
        plugins: new Ext.ux.TabCloseMenu()
    });
})

close를 위한 lib include

TabCloseMenu.js

sample: http://3pl.ezadmin.co.kr/extjs/tab_test.html