学习easyUI 扩展的Editable DataGrid组件

目的：今天想玩玩easyUI 的数据表格，开始的时候添加、修改都通过弹出一个弹出框来解决。不过在玩的时候又想在表格上直接添加或者编辑一行数据。

过程：直接查找easyUI的api , api中有很多DataGrid的demo，其中有cell editing 和 row editing，不过在使用单元格编辑的过程中，我在想如果我们需要添加一行的数据，且这一行的数据是使用唯一索引组的，就是a列,b列c列 三列组成一个唯一索引的数据格式，那么使用单元格添加业务上比较难实现。此时就需要使用行编辑，在表格中整行添加，这种做法比较容易实现。

           开始的时候我去找Row Editing in DataGrid，发现demo比较简单，我需要双击启动编辑，按一个增加按钮就添加一个新行，按保存也能够保存，还能够取消编辑，编辑如果错误时候可以提示。demo里面都没有介绍，这时我就去找Extension里面的扩展组件，找到了

Editable DataGrid

这个扩展组件，此时我们就来玩玩这个鬼东西。

1、下载这个包，包里面有一个jquery.edatagrid.js文件，主要就是导入这个文件。当然还有jquery,easyUi的基础的包，这是必须的。

2、包加载到我们的jsp后，就开始编写代码了，我这里主要使用的是js创建数据表格的方法。

列属性，editor 这个属性就是标志需要更改哪一个单元格，有text,textbox,numberbox,numberspinner,combobox,combotree,combogrid,datebox,datetimebox,timespinner,date