EasyUI-datagrid编辑单元格

在做itoo成绩的时候，有个需求是教师判分，学生成绩有两部分组成：平时成绩和期末成绩，然后根据两种成绩比例算出总成绩。现在是有了平时成绩和成绩比例，输入期末成绩，计算出总成绩，并且把输入的期末成绩和计算的总成绩更新到数据库中。主要应用了单击单元格进行编辑，编辑完成之后，失去焦点则保存数据。如果数据没有变化，失去焦点则不更新数据库。

页面效果是这样的：

期末成绩的单元格是可以编辑的：

输入数据，并失去焦点之后：

如何实现的：

生成easyUI-datagrid表格的js：

（注意期末成绩这个字段的“editor”属性应该设置成“text”，这样才可以执行下面的方法）

单击单元格和失去焦点，提交数据的js：

特别注意的是单元格的”beginEdit”和”endEdit”方法调用的时机。

这样就可以实现了单元格编辑保存的效果了。