DataGrid更新数据时的一系列问题的解决

【问题描述】

一个表格，里面是员工的信息，可以通过update操作更新员工信息，但这一操作需要在表格下的表单中进行。

如上图所示，必须先按下update,然后在红色方框的表单中修改。现在希望能直接在表格里修改。

【方法】

1. 将DataGrid设置为editable

2. 增加事件itemEditEnd

3. 为事件itemEditEnd添加响应函数

protected function empDg_itemEditEndHandler(event:DataGridEvent):void { employee[event.dataField] = (empDg.itemEditorInstance as mx.controls.TextInput).text; employeeService.updateEmployee(employee); }

其中employee[event.dataField] = (empDg.itemEditorInstance as mx.controls.TextInput).text;修改的是前端

employeeService.updateEmployee(employee);修改的是后端

4. 运行程序，可以直接在表格中修改了。

改成

【仍然存在的问题】

页面刷新后，smith_test又变回了smith

【分析】

页面刷新后，数据恢复到未修改的状态，说明后来的数据没有修改成功

【测试过程】

1. 打开Network Monitor,发现有2个响应

在DataGrid中修改后发现响应没有增加，说明employeeService.updateEmployee(employee);

这一句并没有被调用。

2. 代码定位到事件响应定义处，发现

 <mx:DataGrid x="36" y="167" id="empDg" creationComplete="empDg_creationCompleteHandler(event)" dataProvider="{getEmployeesResult.lastResult}" width="751" includeIn="EmployeeAdd,EmployeeDetail,EmployeeUpdate,Employees" change.Employees="empDg_changeHandler(event)" x.Employees="36" y.Employees="148" x.EmployeeDetail="36" y.EmployeeDetail="151" x.EmployeeAdd="36" y.EmployeeAdd="151" x.EmployeeUpdate="36" y.EmployeeUpdate="151" editable="true" itemEditEnd.Employees="empDg_itemEditEndHandler(event)">

【原因】 原来是此函数仅在状态Employees中才响应，而编辑DataGrid时程序已经转入了EmployeeDetail状态

【修改】

itemEditEnd="empDg_itemEditEndHandler(event)"

测试修改后刷新页面，问题终于解决