【EasyUI】——可编辑的DataGrid

    利用EasyUI做的可编辑的DataGrid大致分为两种类型，一种是启动行编辑的，一种是启动单元格编辑。且不说启动编辑的效果如何，单启动编辑这一块它就封装的很厉害。好些功能没有办法去更改。现在项目的一个需求就是在页面上使得DataGrid可以实现这样的效果，单击选中行，双击可编辑单元格，失去焦点则保存数据。在研究了整整两天之后，大致能实现，但是差失去焦点保存数据。这篇文章就简单理解一下，可启动单元格编辑的DataGrid是如何实现的。

首先得添加EasyUI的引用：

<span style="font-family:KaiTi_GB2312;font-size:18px;">    <link href="../../Content/EasyUI/easyui.css" rel="stylesheet" type="text/css" />
    <link href="../../Content/EasyUI/icon.css" rel="stylesheet" type="text/css" />
    <link href="../../Content/EasyUI/demo.css" rel="stylesheet" type="text/css" />
    <script src="../../Content/EasyUI/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="../../Content/EasyUI/jquery.easyui.min.js" type="text/javascript"></script></span>

其次是表格的代码：

<span style="font-family:KaiTi_GB2312;font-siz