ExtJs表單控件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>測試頁面</title>
		<meta http-equiv="content-type" content="text/html; charset=gbk" />
		<link rel="stylesheet" type="text/css"
			href="./ext/resources/css/ext-all.css" />
		<script type="text/javascript" src="./ext/adapter/ext/ext-base.js"></script>
		<script type="text/javascript" src="./ext/ext-all.js"></script>
	</head>
	<script type="text/javascript">
	Ext.onReady(function(){
	    // 表單配置開始
	    var form = new Ext.form.FormPanel({
	        defaultType: 'textfield', //定義表單控件的默認類型
	        labelAlign: 'right',//表單上文字的對齊方式
	        title: 'form',
	        labelWidth: 50,
	        frame:true,
	        width: 220,
	        title: '表單配置',
	        renderTo:'div2',
	        items: [{
	            fieldLabel: '文本框'
	        }],
	        buttons: [{
	            text: '按鈕'
	        }]
	    });
    // 表單配置結束
	});
	</script>
	<body>
		<div id='div1'></div>
		<div id='div2'></div>
	</body>
</html>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章