Ext.window

oppovaan

浏览: 2113 次
性别:
来自: 福建

最近访客更多访客>>

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2010-03 ( 2)
更多存档...

博客分类：

EXT XHTML HTML 工作

虽然之前在工作中用了很多EXT做界面,不过那时候根本没接触过,都是依葫芦画瓢现学现用,所以现在想系统学习一下,去下载了视频来看
今天看了浪曦的视频教程确实不错,看到了第一个EXT比较常用的组件window,就照着视频上面的理解自己敲了一遍加深印象和理解

我用的是EXT3.0.0的包.视频教程的是2.2,不过相差不大

觉得代码还是要自己敲一遍才能更加理解和掌握

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<link  rel="stylesheet"  type="text/css" href="css/ext-all.css"/>
<script type="text/javascript" src="adapter/ext-base.js"></script>
<script type="text/javascript" src="ext-all.js"></script>
<script type="text/javascript" src="ext-lang-zh_CN.js"></script>

<script>			 
		Ext.onReady(function(){
		
			new Ext.Window({
				title:'添加人员',
				width:500,
				height:400,
				layout:"form",//布局
				defaultType:"textfield",//设置默认类型
				plain:true,
				items:[{
					   xtype:"panel",//强制类型
					   columnWidth:.5,
					   baseCls:'x-plain',
					   style:"padding:5px",
					   layout:'column',
					   items:[{
						baseCls:'x-plain',//样式
						layout:'form',
						labelWidth:55,
						defaultType:"textfield",
						defaults:{width:160},
						items:[{
							fieldLabel:"姓名"	   
						},
						{
							fieldLabel:"年龄"	   
						},
						{
							fieldLabel:"出生日期"	   
						},
						{
							fieldLabel:"联系电话"	   
						},
						{
							fieldLabel:"手机号码"	   
						},
						{
							fieldLabel:"电子邮箱"	   
						},
						{
							fieldLabel:"性别"	
						}]
							  
					},{
						columnWidth:.5,
						baseCls:'x-plain',
						layout:"form",
						items:{
							xtype:"textfield",
							fieldLabel:"个人照片",
							width:150,
							height:170,
							inputType:"image"
							
						}
					}]
				},{
					fieldLabel:"身份证号",
					width:350
				},{
					fieldLabel:"地址",
					width:350
				},{
					fieldLabel:"职位",
					width:350
				}],
				showLock:false,//设置图片加载锁定,不用多次加载
				listeners:{
					"show":function(_window){
						if(!_window["showLock"]){
					_window.findByType("textfield")[7].getEl().dom.src="y.jpg";//从上往下数第N个textfield,索引0开始
					_window["showLock"]=true;	
						}
					}	
				},
				
				buttons:[{
					text:"确定"		 
				},{
					text:"取消"	
				}]
			}).show();
		});
</script>
</head>

<body>
</body>
</html>

ExtJs.rar (398.5 KB)
下载次数: 6

分享到：

搭建Struts2环境

2010-03-29 22:51
浏览 843
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Ext.window

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Ext.window

评论

发表评论

相关推荐

最近访客更多访客>>