ExtJS 3 在Tab下加入Form 实例| 成都西华升腾科技有限公司

Ext JS开发大全

CmsWing

ExtJS 3 在Tab下加入Form 实例

## ExtJS 3 在Tab下加入Form 实例
相关导入的js 和 css文件需齐备， 这个无须多说了
```html
HTMLPUBLIC"-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html; charset=utf-8">
<title>Tabstitle>
<linkrel="stylesheet"type="text/css"
href="../resources/css/ext-all.css" />
<linkrel="stylesheet"type="text/css"
href="../resources/css/xtheme-blue.css" />
<scripttype="text/javascript"src="../adapter/ext/ext-base.js">script>
<scripttype="text/javascript"src="../ext-all.js">script>
<script>
Ext.onReady	(function(){
var fs = newExt.FormPanel({
frame: true,
title:'Migrate File to DataBase',
labelAlign: 'right',
labelWidth: 90,
height:240,
waitMsgTarget: true,
items: [
newExt.form.FieldSet({
title: 'Select',
autoHeight: true,
defaultType: 'textfield',
items: [
newExt.form.TextField({
fieldLabel: 'Project Name',
name:'ProjectName',   
id:'ProjectName',                   
selectOnFocus:true,
width:120
                    }),
newExt.form.Checkbox({
fieldLabel: 'Migrate ALL',
id:'migrateAll',
name:'migrateAll'
                    }),
newExt.form.TextField({
fieldLabel: 'Begin Page',
id:'mtBegin',
name:'mtBegin',                      
selectOnFocus:true,
width:30
                    }),
newExt.form.TextField({
fieldLabel: 'End Page',
id:'mtEnd',
name:'mtEnd',                      
selectOnFocus:true,
width:30
                    })                    
                ]
            })
        ],
buttons: [{
text: 'Migrate',
handler: function(){
alert("Begin Migrate");
//can submit form as :
/*
               fs.getForm().submit({
	                    url: 'mt_get_migrate_export_count',
	                    waitMsg: 'Migrate...',
	                    timeout: 50000,
	                    success: function(fs, o){
	                    }
	           });
	           */
            }
        },{
text: 'DownLoad Log',
handler:DownLoadLog
        },{
text: 'Clear Log',
handler: ClearLog
        }
        ]
    });
functionDownLoadLog()
    {
    }
functionClearLog()
    {
    }    
var fs2 = newExt.FormPanel({
frame: true,
title:'Migrate2',
labelAlign: 'right',
labelWidth: 90,
height:240,
waitMsgTarget: true,
items: [
newExt.form.FieldSet({
title: 'Select',
autoHeight: true,
defaultType: 'textfield',
items: [
newExt.form.TextField({
fieldLabel: 'Project Name',
name:'ProjectName',   
id:'ProjectName',                   
selectOnFocus:true,
width:120
                    }),
newExt.form.Checkbox({
fieldLabel: 'Migrate ALL',
id:'migrateAll',
name:'migrateAll'
                    })           
                ]
            })
        ],
buttons: [{
text: 'Migrate',
handler: function(){
alert("Begin Migrate");
//can submit form as :
/*
               fs.getForm().submit({
	                    url: 'mt_get_migrate_export_count',
	                    waitMsg: 'Migrate...',
	                    timeout: 50000,
	                    success: function(fs, o){
	                    }
	           });
	           */
            }
        }
        ]
    });    
var tabs = newExt.TabPanel({
renderTo: 'tabDiv',
width:450,
activeTab: 0,
frame:true,
defaults:{autoHeight: true},
items:[fs,fs2
        ]
    });
});    
<script>
<head>
<body>
<divid="tabDiv">div>
<br>
<body>
<html>
```

购物车

0 ITEMS ON YOUR CART

Ext JS开发大全

ExtJS 3 在Tab下加入Form 实例

网站导航