dojochina的EXT视频中form布局

最新推荐文章于 2013-09-27 09:13:13 发布

chenlin

最新推荐文章于 2013-09-27 09:13:13 发布

阅读量100

点赞数

分类专栏： jquery/extjs javascript 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/chenlin5188/article/details/84442323

版权

jquery/extjs 同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

javascript

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>人员注册</title>
	<script type="text/javascript" src="../EXTJS/adapter/ext/ext-base.js"></script>
	<script type="text/javascript" src="../EXTJS/ext-all.js"></script>
    <link rel="stylesheet" type="text/css" href="../EXTJS/resources/css/ext-all.css" />
	<script type="text/javascript">
		Ext.onReady(function(){
						new Ext.Window({
								title:"添加人员",
								width:500,
								closeAction:"hide",
								height:350,
								resizable:false,
								plain:true,
								//defaults{anchor:"95%"},
								items:[{
										layout:"column",
										baseCls:"x-plain",
										style:"padding:5px",
										items:[{
													columnWidth:.5,
													layout:"form",
													baseCls:"x-plain",
													labelWidth:55,
													defaults:{xtype:"textfield" , width:170},
													items:[{
																fieldLabel:"姓名"
														  },{
																fieldLabel:"年龄",
																value:"27",
																readOnly:true
														  },{
															    xtype:"datefield",
															    format:"Y-m-d",
															    readOnly:true,
															    value:"1982-08-22",
																fieldLabel:"出生日期",
																listeners:{
																		"change":function(_df){
																			var _age = _df.ownerCt.findByType("textfield")[1];
																			_age.setValue(new Date().getFullYear() - _df.getValue().getFullYear());			
														  				}
														  		}
														  },{
																fieldLabel:"联系电话"
														  },{
																fieldLabel:"手机号码"
														  },{
																fieldLabel:"电子邮件"
														  },{
														  		fieldLabel:"性别",
														  		xtype:"combo",
														  		readOnly:true,
														  		triggerAction:"all",
														  		mode:"local",
														  		value:"男",
														  		displayField:"sex",
														  		//数据存储器
														  		store:new Ext.data.SimpleStore({
															  				fields:["sex"],
															  				data:[["男"] , ["女"]]
															  			})
														  }]
										     },{
										     		columnWidth:.5,
										     		layout:"form",
													baseCls:"x-plain",
										     		labelWidth:55,
										     		items:{
										     					xtype:"textfield",
										     					fieldLabel:"个人照片",
										     					inputType:"image",
										     					width:168,
										     					height:177
										     			  }
										     }]
									 },{
									 		layout:"form",
									 		defaults:{xtype:"textfield" , width:407},
									 		labelWidth:55,
									 		baseCls:"x-plain",
											style:"padding:5px",
											items:[{
														fieldLabel:"具体地址"
												   },{
														fieldLabel:"身份证号"
												   },{
														fieldLabel:"职位",
														width:170
												  }]
									 }],
								buttons:[{
											text:"确定"
										},{
											text:"取消"
										}],
								showLock:false,
								buttonAlign:"center", 
		     					listeners:{
		     								"show":function(_window){
		     											if(!_window["showLock"]){
		     												_window.findByType("textfield")[5].getEl().dom.src = "layout.jpg";
		     											}
		     									   }
		     							  }
							}).show();
				   });
	</script>
</head>
<body>

</body>
</html>

chenlin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
dojochina的EXT视频中form布局

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;&lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt; &lt;title&a
复制链接

扫一扫