employeeadd.js

来自「基于Spring、Struts2、TopLink框架及ExtJs框架设计的一个简」· JavaScript 代码 · 共 91 行

Ext.onReady(function() {
    Ext.QuickTips.init();
    new Ext.FormPanel({
        frame:true,
        id:'panel',
        labelWidth:65,
        title:'增加雇员',
        defaults:{
            labelAlign:'right',
            bodyStyle:'padding:15px'
        },        
        autoHeight:true,
        width:280,
        renderTo:'dr', 
        bodyStyle:'padding:15px',       
        items:[{
            fieldLabel:'员工号',
            name:'empno',
            maxLength:5,
            xtype:'textfield',
            id:'empno'
        },{
            fieldLabel:'名',
            name:'firstName',
            xtype:'textfield',
            id:'firstName'            
        }, {
            fieldLabel:'姓',
            name:'lastName',
            xtype:'textfield',
            id:'lastName'
        },{
            fieldLabel:'工作',
            name:'job',
            xtype:'textfield',
            id:'job'
        },{
            fieldLabel:'教育',
            name:'education',
            xtype:'textfield',
            id:'education'
        },{
            fieldLabel:'性别',
            name:'sex',
            xtype:'textfield',
            maxLength:1,
            id:'sx'
        },{
            fieldLabel:'薪水',
            name:'salary',            
            xtype:'numberfield',
            id:'salary'
        },{
            fieldLabel:'地址号',
            name:'addr.number',
            xtype:'numberfield',
            id:'addr.number'
        },{
            fieldLabel:'地址名称',
            name:'addr.street',
            xtype:'textfield',
            id:'addr.street'
        },{
            fieldLabel:'生日',
            xtype:'datefield',
            name:'birthday',
            id:'birthday'
        }],
        buttons:[{
            text:'提交',
            handler:function(){
                Ext.getCmp('panel').getForm().submit({
                	url:'add.action',
                    method:'POST',                           
                    success:function(form, action) {
                        window.location.href = 'context.action';
                    },
                    failure:function(form, action) {
                        
                    }
                });
            }
        }, {
            text:'取消',
            handler:function(){
                Ext.getCmp('panel').form.reset();
            }
        }]
    });
   
});