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>


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