Ext.onReady(function(){
var _create = Ext.data.Record.create([
{name:'job',mapping:'job'}
]);
new Ext.Window({
title:'人员信息',
width:500,
height:400,
x:400,
y:100,
minimizable:true,
maximizable:true,
plain:true,
layout:'form',
items:[{
baseCls:'x-plain',
layout:'column',
style:'padding:5px',
items:[{
baseCls:'x-plain',
columnWidth:0.5,
defaultType:'textfield',
layout:'form',
labelWidth:65,
defaults:{width:160},
items:[{
fieldLabel:'姓名',
value:'张翔'
},{
fieldLabel:'年龄',
value:'22'
},{
fieldLabel:'出生日期',
format:'Y-m-d',
xtype:'datefield',
value:'1988-09-24',
readonly:true
},{
fieldLabel:'所在城市',
value:'北京'
},{
fieldLabel:'QQ号码',
value:'369946779'
},{
fieldLabel:'邮政编码',
value:'4412200'
},{
fieldLabel:'性别',
xtype:'combo',
mode:'local',
displayField:'sex',
readonly:true,
triggerAction:'all',
value:'男',
store:new Ext.data.ArrayStore({
fields:['sex'],
data:[['男'],['女']]
})
}]
},{
baseCls:'x-plain',
columnWidth:0.5,
defaultType:'textfield',
layout:'form',
labelWidth:55,
items:[{
fieldLabel:'我的照片',
inputType:'image',
width:170,
height:183
}]
}]
},{
style:'padding:5px',
baseCls:'x-plain',
defaultType:'textfield',
layout:'form',
defaults:{width:395},
labelWidth:67,
items:[{
fieldLabel:'身份证号码',
value:'保密'
},{
fieldLabel:'具体所在地',
value:'海淀上地'
},{
xtype:'panel',
baseCls:'x-plain',
layout:'column',
items:[{
columnWidth:0.4,
layout:'form',
labelWidth:67,
baseCls:'x-plain',
items:[{
xtype:'combo',
fieldLabel:'职位',
displayField:'job',
mode:'local',
triggerAction:'all',
anchor:'100%',
store:new Ext.data.ArrayStore({
fields:['job'],
data:[['初级工程师'],['中级工程师'],['高级工程师']]
}),
listeners:{
'select':function(_combo,_record,_index){
this['selectItem'] = this.getValue();
}
}
}]
},{
columnWidth:0.2,
baseCls:'x-plain',
style:'padding:0 0 0 15px',
items:[{
xtype:'button',
text:'添加职位',
handler:function(){
var _win = this.ownerCt.ownerCt.ownerCt.ownerCt;
var _job = _win.findByType('combo')[1];
var _store = _job.store;
Ext.MessageBox.prompt("请输入要添加的职位","职位添加",function(_btn,_text){
if(_btn == 'ok'){
_store.insert(0,new _create({job:_text}));
_job.setValue(_text);
_job['selectItem'] = _text;
}
});
}
}]
},{
columnWidth:0.2,
baseCls:'x-plain',
style:'padding:0 0 0 15px',
items:[{
xtype:'button',
text:'修改职位',
handler:function(){
var _win = this.ownerCt.ownerCt.ownerCt.ownerCt;
var _job = _win.findByType('combo')[1];
var _store = _job.store;
var _value = _job.getValue();
Ext.MessageBox.prompt("输入你要修改后的职位","修改职位",function(_btn,_text){
if(_job.getValue() == null || _job.getValue() == ''){
alert('没有要修改的数据');
return '';
}
if(_btn == 'ok'){
var _index = _store.find('job',_value);
_store.getAt(_index).set('job',_text);
this.setValue(_text);
}
},_job,false,_value);
}
}]
},{
columnWidth:0.2,
baseCls:'x-plain',
style:'padding:0 0 0 15px',
items:[{
xtype:'button',
text:'删除职位',
handler:function(){
var _win = this.ownerCt.ownerCt.ownerCt.ownerCt;
var _job = _win.findByType('combo')[1];
var _store = _job.store;
var _value = _job['selectItem'];
Ext.MessageBox.confirm('提示','确定删除当前职位吗?',function(_btn){
if(_job.getValue() == null || _job.getValue() == ''){
Ext.MessageBox.alert('error','没有可删除的数据');
}
if(_btn == 'yes'){
var _index = _store.find('job',_value);
_store.remove(_store.getAt(_index));
if(_store.getCount()>0){
this['selectItem'] = _store.getAt(0).get('job');
this.setValue(_store.getAt(0).get('job'));
}else{
this.setValue('');
this['selectItem'] == null;
}
}
},_job);
}
}]
}]
}]
}],
buttons:[{
text:'确定'
},{
text:'取消'
}],
listeners:{
'show':function(_win){
var img = _win.findByType('textfield')[7];
img.getEl().dom.src='picture/http_imgload.jpg';
var _job = _win.findByType('combo')[1];
var _value = _job.store.getAt(0).get('job');
_job.setValue(_value);
_job['selectItem'] = _value;
}
}
}).show();
});
- 大小: 92.9 KB
分享到:
相关推荐
Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文
ext3.0ext3.0ext3.0ext3.0ext3.0ext3.0
Ext 3.0 中文文档Ext 3.0 中文文档Ext 3.0 中文文档Ext 3.0 中文文档Ext 3.0 中文文档Ext 3.0 中文文档Ext 3.0 中文文档Ext 3.0 中文文档Ext 3.0 中文文档Ext 3.0 中文文档Ext 3.0 中文文档
ext 3.0 中文API ext 3.0 中文API ext 3.0 中文API ext 3.0 中文API ext 3.0 中文API
最新ext3.0资源包最新ext3.0资源包最新ext3.0资源包最新ext3.0资源包最新ext3.0资源包最新ext3.0资源包最新ext3.0资源包
Ext_Window用法
Ext3.0使用示例
Ext3.0的中文APIExt3.0的中文APIExt3.0的中文APIExt3.0的中文APIExt3.0的中文APIExt3.0的中文API
EXT3.0中文API
ext3.0 ext3.0 ext3.0 ext3.0 ext3.0 ext3.0 ext3.0 ext3.0 ext3.0
Ext 最新文档下载,Ext中文文档下载,Ext+3.0.CHM,Ext学习文档,实用,且实惠咯...
最新 发布 ext 3.0 中文 API 文档
EXT3.0实现文件上传EXT3.0实现文件上传EXT3.0实现文件上传EXT3.0实现文件上传EXT3.0实现文件上传EXT3.0实现文件上传
extjs3.0 ext3.0 ext文档 ext例子
Ext JS 3.0 正式版发布 - 产生影响力 让超过40万开发人员的工作更智能,而不是更辛苦。更快地交付成果: * 提供了参照DWR后与后台的通讯包Direct,支持具有明显的REST风格的CRUD服务 * 一系列的新的组件和例子,...
EXT 入门实例,以一个简单的登录为例子、、、EXT3.0 登录实例,EXT3.0 源码
Ext2.2中文文档,Ext3.0中文文档
EXT3.0 中文 API文档:解压后直接打开index.html文件即可。