ext_form

最新推荐文章于 2021-08-06 11:37:01 发布

foxconnMan

最新推荐文章于 2021-08-06 11:37:01 发布

阅读量948

点赞数

文章标签： ext function licensing validation library layout

本文链接：https://blog.csdn.net/foxconnman/article/details/2334761

版权

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

}