<!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>
相关推荐
【DojoChina Ext代码（视频代码）】是一个专门针对Dojo和Ext框架的学习资源，它包含了一组示例代码，这些代码可能源自一系列的教学视频。Dojo和Ext都是JavaScript库，用于构建富互联网应用程序（RIA），尤其在企业级...
在本示例中，"EXT dojochina文本框示例Ext.form.TextField.rar"是一个压缩包，包含了EXT框架中关于`Ext.form.TextField`组件的示例代码。 `Ext.form.TextField`是EXT框架中的一个核心组件，用于创建基本的输入字段...
6. **高级布局管理**：EXT.js的布局系统可以处理复杂的容器布局，如绝对布局、网格布局、卡片布局等。 7. **Ajax和数据存储**：EXT.js内置了处理Ajax请求和数据存储的能力，与服务器端通信方便快捷。 Dojo Toolkit...
EXT dojochina Ext类静态方法是一个关于EXT框架在JavaScript中的使用的主题，主要聚焦于Ext类的静态方法。EXT是一个强大的前端开发框架，由Sencha公司开发，它提供了丰富的组件库，用于构建复杂的Web应用程序。在EXT...
EXT dojochina Ext命名空间别名主要涉及的是EXT JS框架中的一个重要概念——命名空间（Namespace）及其在中文社区dojochina中的应用。EXT JS是一个用于构建富客户端Web应用程序的JavaScript库，它提供了一种模块化、...
在dojoChina社区中，EXT的使用和讨论可能涉及到EXT类别的命名。在JavaScript编程中，良好的命名规范对于代码的可读性和维护性至关重要。EXT类名通常遵循驼峰式命名法（CamelCase），每个单词首字母大写，例如`Ext....
EXT dojochina Ext类实例方法.rar 是一个与EXT JS框架相关的压缩文件，EXT JS是一个广泛使用的JavaScript库，用于构建富互联网应用程序（RIA）。这个压缩包可能包含了关于EXT JS中的Ext类的一些实例方法的详细教程或...
EXT dojochina Ext事件是JavaScript库EXT JS中的一个重要概念，EXT JS是一个强大的前端开发框架，主要用于构建桌面级Web应用程序。这个压缩包可能包含了关于EXT JS事件处理的详细资料，特别是针对中国开发者...
在本压缩包“EXT dojochina Ext类构造方法.rar”中，主要聚焦于Ext类的构造方法这一核心概念。Ext JS是一个强大的前端开发框架，它基于组件模型，提供了丰富的用户界面组件和强大的数据绑定机制。深入理解Ext类的...
EXT dojochina Ext方法重写是一个关于EXT.js框架中函数重写的专题。EXT.js是一个流行的JavaScript库，用于构建富客户端应用，它提供了丰富的组件、布局管理和数据绑定机制。在EXT.js中，方法重写是一种常见的实践，...
EXT dojochina Ext类实例属性是一个关于EXT框架在JavaScript中的使用的主题，主要涉及EXT库中的类和实例属性。EXT是一个强大的JavaScript库，用于构建富客户端应用程序，它提供了丰富的组件和布局管理，使得Web应用...
在本文中，我们将深入探讨如何使用Ext Column+Form布局来构建复杂的页面。这种布局方式是Ext JS库中的一种强大工具，特别适用于创建数据输入密集型的Web应用界面。Ext JS是一个用于构建富客户端应用程序的JavaScript...
Ext_Form精典布局
EXT dojochina是一个关于JavaScript库EXTJS的讨论社区，EXTJS是一个强大的前端开发框架，...在EXT dojochina社区中，开发者们分享了大量关于EXTJS类继承的实践经验和技巧，帮助彼此提升技能，共同推进EXTJS技术的发展。
- `layout`: 使用了`"form"`布局，这是Ext中专门为表单设计的布局方式。 - `labelWidth`: 统一设置了所有字段标签的宽度。 - `autoScroll`: 设置为`true`，当表单内容超出容器时自动显示滚动条。 #### 字段配置 ...
### Ext.form表单中各种属性应用详解 #### 1. Ext.form.NumberField **Ext.form.NumberField** 是 **Ext.form.TextField** 的一个扩展，它专为处理数字输入而设计，提供了一系列与数值相关的配置选项。 - **...
EXT.form组件是EXT JS库中用于构建表单界面的核心组件集合。这些组件提供了一系列丰富的控件，用于创建具有不同功能的交互式表单。在EXT JS中，表单组件不仅包含基本的输入字段，还支持复杂的输入类型和验证机制。 ...
### ExtJS 表格布局小例子详解 #### 一、简介 本文档旨在解析一个具体的 ExtJS 表格布局小例子，重点介绍其中涉及的数据存储、数据删除与添加的方法。ExtJS 是一款强大的 JavaScript 框架，用于构建交互式的前端...
### EXT异步提交FORM表单知识点详解 #### 一、EXT异步提交FORM表单概述 在现代Web应用开发中，异步提交表单是一种常见的技术手段，它能够提升用户体验，减少页面刷新带来的数据丢失风险，并能有效提高系统的响应...
Ext Form全攻略 Ext Form全攻略Ext Form全攻略Ext Form全攻略Ext Form全攻略Ext Form全攻略Ext Form全攻略Ext Form全攻略