ExtJs表单控件

最新推荐文章于 2017-05-17 15:27:00 发布

李海超

最新推荐文章于 2017-05-17 15:27:00 发布

阅读量740

点赞数

CC 4.0 BY-SA版权

分类专栏： ExtJs 文章标签： extjs stylesheet div html function 测试

本文链接：https://blog.youkuaiyun.com/hanxuehen/article/details/7927589

ExtJs 专栏收录该内容

6 篇文章

订阅专栏

<!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>