Ext中注册新用户

function addStu(){

  //初始化QuickTips实例。
     Ext.QuickTips.init();
    
var stuname=new Ext.form.TextField({
          msgTarget:'qtip',
              fieldLabel:'用户名',
              allowBlank:false,
              maxLength:18,
              name:'stu.stuname',
              width:160,
              blankText:'用户名不能为空！'
              });
             
  var stuage=new Ext.form.TextField({
          msgTarget:'qtip',
              fieldLabel:'年 龄',
              allowBlank:false,
              maxLength:3,
              name:'stu.stuage',
              minLength:1,
              width:160,
              emptyText:0,
              blankText:'年龄不能为空！'
              }); 
             
var address=new Ext.form.TextField({
          msgTarget:'qtip',
              fieldLabel:'家庭住址',
              allowBlank:false,
              maxLength:18,
              name:'stu.address',
              width:160,
              blankText:'家庭住址不能为空！'
              });

//定义班级的store
var gradeStore=new Ext.data.Store({
proxy:new Ext.data.HttpProxy({
  url:'grade.do?method=showGradeName'
  }),
  reader:new Ext.data.JsonReader({
   root:'gradenamejs'
  },[
  {name:'gradeid'},
  {name:'gradename'}
  ])
});
//定义老师的store
var teacherStore=new Ext.data.Store({
  proxy:new Ext.data.HttpProxy({
   url:'grade.do?method=showTeacher&gradeid=0'//这个地址可以随便给
  }),
  reader:new Ext.data.JsonReader({
   root:'teacherjs'
  },
  [{name:'gradeid'},
  {name:'teacher'}
  ])
});

var gradeField=new Ext.form.ComboBox({
fieldLabel:'班级名称',
allowBlank:false,
mode:'local',
//hiddenName:'stu.grade.gradename',//提交到后台中select中的值
hiddenName:'stu.grade.gradeid',
editable:false,
blankText:'请选择班级名称！',
triggerAction:'all',
emptyText:'请选择班级',
store:gradeStore,
listeners:{
   select:function(combox,record,index){
    teacherFeild.clearValue();//实现下拉框的值的变更
    teacherStore.proxy=new Ext.data.HttpProxy({
       url:'grade.do?method=showTeacher&gradeid='+combox.value 
    });//动态显示老师姓名
    teacherStore.load();
   }
},
valueField:'gradeid',
displayField:'gradename'
});

//加载班级的下拉框的值
gradeStore.load();

//老师的下拉框
var teacherFeild=new Ext.form.ComboBox({
  xtype:'combox',
  store:teacherStore,
  valueField:'gradeid',
  displayField:'teacher',
  forceSelection:true,//强制选择
  editable:false,
  model:'local',
  emptyText:'请选择老师',
// hiddenName:'stu.grade.teacher',//提交到表单的value值
   hiddenName:'stu.grade.gradeid',
  allowBlank:false,
  blankText:'请选择班主任！',
  triggerAction:'all',
  fieldLabel:'班主任'
});       
             
var form=new Ext.form.FormPanel({
              title:'注册',
              labelAlign:'right',
              frame:true,
              autoHeight:'auto',
              items:[
              stuname,
              stuage,
              address,
              gradeField,
              teacherFeild
              ],
              buttons:[{text:'添 加',
              handler:function(){
              //判断输入的信息是否合法
              if(form.getForm().isValid()){
              form.getForm().submit({
             url:'student.do?method=addStudent',method:"post",
                 success:function(form,action){
                  Ext.Msg.alert('信息',action.result.msg);
                  win.close();//关闭窗体
                 },
               failure:function(){
                 Ext.Msg.alert('信息','添加学员信息失败！');
                }
               });
              /* //第二种提交方式
              form.form.doAction('submit',{
url:'student.do?method=addStudent',
method:'post',
params:'',
success:function(form,action)
{
Ext.Msg.alert('信息',action.result.msg);
win.close();//关闭窗体
},
failure:function()
{
  Ext.Msg.alert('信息','添加学员信息失败！');
}
});*/
              }
              }},
              {text:'取 消',handler:function(){
                win.close();//取消关闭窗体
              }}],
              buttonAlign:'center'
              });
      //用组件渲染至HTML元素中       
     //form.render("show");
          stuname.markInvalid();//标记该字段无效  
          stuage.markInvalid();
          address.markInvalid();
             
var win=new Ext.Window({
              title:'添加学员信息',
              autoHeight:true,
              width:400,
              resizable:false,
              items:[form]
              });             
     win.show();  
}