/*
* Ext JS Library 1.1.1
* Copyright(c) 2006-2007, Ext JS, LLC.
* licensing@extjs.com
*
* http://www.extjs.com/license
*/
document.charset = "UTF-8"
var photo;
Ext.onReady(function(){
Ext.QuickTips.init();
// turn on validation errors beside the field globally
Ext.form.Field.prototype.msgTarget = 'side';
/*
* ================ Form 4 =======================
*/
var form = new Ext.form.Form({
labelAlign: 'right',
labelWidth: 75
});
form.column({width:250, labelWidth:60}); // open column, without auto close
form.fieldset(
{legend:'信息'},
new Ext.form.TextField({
fieldLabel: '姓名',
name: 'fullName',
allowBlank:true,
value: ''
}),
new Ext.form.TextField({
fieldLabel: '昵称',
name: 'babynicheng',
allowBlank:true,
value: ''
}),
new Ext.form.NumberField({
fieldLabel: '年龄',
name: 'babyAge',
allowBlank:true,
decimalPrecision:0,
maxValue:99,
value: '0'
}),
new Ext.form.TextField({
fieldLabel: '性别',
name: 'babySex',
allowBlank:true,
value: ''
}),
new Ext.form.TextField({
fieldLabel: '血型',
name: 'babyBlodd',
allowBlank:true,
value: ''
}),
new Ext.form.TextArea({
fieldLabel: '住址',
name: 'address',
grow: true,
preventScrollbars:true,
value: '辽宁'
}),
new Ext.form.DateField({
fieldLabel: '出生日期',
name: 'dob',
width:150,
format:'Y-m-d',
emptyText:'Select a date...',
allowBlank:false
})
);
form.end(); // closes the last container element (column, layout, fieldset, etc) and moves up 1 level in the stack
form.column(
{height:100,width:250, style:'margin-left:50px', clear:true}
);
form.fieldset(
{id:'photo',legend:'Photo'}
);
form.end();
form.applyIfToFields({
width:150
});
form.addButton('Save',saveBaby);
form.addButton('Cancel');
form.render('form-ct4');
// The form elements are standard HTML elements. By assigning an id (as we did above)
// we can manipulate them like any other element
photo = Ext.get('photo');
var c = photo.createChild({
tag:'center',
cn: {
tag:'img',
width:200,
height:180,
src: 'http://extjs.com/forum/image.php?u=2&dateline=1175747336',
style:'margin-bottom:25px;'
}
});
new Ext.Button(c, {
text: 'Change Photo'
});
});
//change photo 事件
function changephoto()
{
alert("改变照片啦");
}
//save事件
function saveBaby()
{
//alert(babySex.getValue());
var bSex=Ext.get('babySex').getValue(); //性别
var bName=Ext.get('fullName').getValue(); //名称
var bNc=Ext.get('babynicheng').getValue(); //昵称
var bAge=Ext.get('babyAge').getValue(); //年龄
var bBlood=Ext.get('babyBlodd').getValue(); //血型
var bAddr=Ext.get('address').getValue(); //住址
//判断是否为空
if(bName=='')
{
Ext.MessageBox.alert('系统提示','姓名不能为空!');
return;
}
if(bNc=='')
{
Ext.MessageBox.alert('系统提示','昵称不能为空!');
return;
}
if(bAge=='')
{
Ext.MessageBox.alert('系统提示','年龄不能为空!');
return;
}
if(bSex=='')
{
Ext.MessageBox.alert('系统提示','性别不能为空!');
return;
}
if(bBlood=='')
{
Ext.MessageBox.alert('系统提示','血型不能为空!');
return;
}
if(bAddr=='')
{
Ext.MessageBox.alert('系统提示','地址不能为空!');
return;
}
//添加信息--start
Ext.Ajax.request({
url: 'babyResign.do?action=seveBasicInfo',
params: {
babyName:bName,
babyNc:bNc,
babyAge:bAge,
babySex:bSex,
babyBlood:bBlood,
babyAddr:bAddr
},
success:function(response,options){
alert('OK');
},
failure: function ( response, options) {
Ext.MessageBox.alert('系统提示', '系统发生内部错误!');
return;
}
});
}