Extjs客户端数据，Grid展示，弹出窗体修改，并将修改数据再次显示在Grid【未完全验证】

【方式一】

1.弹出窗体的时候，传入参数，record。

2.record.get（’name‘）这样给form里的控件赋值

3.窗体验证

form.checkChange();  //这句话随时监听变化并验证
if (form.isValid())

4.获得窗体上的值

var form = btn.up('tms_test02Window').down('form');
var values = form.getForm().getValues();

5.修改之后，点击’保存‘按钮，时间里写：record.get('name')=values['name']  //values['name']里的name是控件的name属性的值。

6.record.commit();

【方式二】

修改方式一的5，6步骤。思路：store里面删除一条记录，然后插入一条记录

5.创建一个新的record

5.1创建一个Model

        Ext.define('TestModel', {
            extend: 'Ext.data.Model',
            fields: [
                    { name: 'idno' },
                    { name: 'gender' },
                    { name: 'name' },
                    { name: 'birthdate' },
                    { name: 'college' },
                    { name: 'major' },
                    { name: 'education' },
                    { name: 'enterdate' },
                    { name: 'marrige' },
                    { name: 'spousename' },
                    { name: 'childnum' },
                    { name: 'cellphone' },
                    { name: 'email' },
                    { name: 'emergencyperson' },
                    { name: 'cellphone2' },
                    { name: 'department' },
                    { name: 'post' },
                    { name: 'isactive' }
          ]
        });

5.2给record赋值

var newRecord = Ext.create('TestModel', {
            idno: values['idno'],
            name: values['name'],
            gender: parseInt(values['gender']) ? '女' : '男',
            birthdate: values['date'],
            college: values['college'],
            major: values['major'],
            education: values['education'],
            enterdate: values['enterdate'],
            marrige: values['marrige'],
            spousename: values['spousename'],
            childnum: values['childnum'],
            cellphone: values['cellphone'],
            email: values['email'],
            emergencyperson: values['emergencyperson'],
            cellphone2: values['cellphone2'],
            department: values['department'],
            post: values['post'],
            isactive: values['isactive'] ? true : false

        });

  form.checkChange();
        if (form.isValid()) {
            if (btn.up('tms_test02Window').edit) {
                store.removeAt(me.rowIndex);
                store.insert(me.rowIndex, newRecord);
            }
            else {
                store.add(newRecord);
            }
            //store.reload();
            btn.up('tms_test02Window').hide();
        }
        else {
            alert('Please fill the form correctly.');
        }

store.removeAt(me.rowIndex);   //移除原有record
store.insert(me.rowIndex, newRecord); //添加新的record,rowIndex为给窗体传的值，是插入的位置