ext_form

/*
 * 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;
 }
 });
 
 
 
}