Easy UI datagrid 多行数据操作

  最近做jquery easy ui设计前端的项目，用datagrid控件设计和实现了一些交互界面。在datagrid的多行数据的操作上，费了一番功夫。多行数据的操作主要分为三大操作，主要是获取多行数据，插入多行数据，删除多行数据。

  一：获取多行数据。

 <span style="font-size:14px;"> var rows=$('#selectable').datagrid("getSelections");</span>

  注释：通过jQuery的选择器，选择id为selectable的datagrid控件。然后实现datagrid的getSelections方法，获取datagrid中被选择（selected）的多行数据。返回的对象熟数组对象，如果被选择的行记录为空，则返回空的数组。

  二：插入多行数据。

<span style="font-size:14px;">  $.each(rows,function(i){</span>

<span style="font-size:14px;">    <span style="font-family:FangSong_GB2312;">//遍历行记录，插入到新的datagrid控件中</span></span>

<span style="font-size:14px;">    $('#selected').datagrid('appendRow',rows[i]);</span>

<span style="font-size:14px;">    });</span>

  注释：通过jQuery的遍历方法（each）对数组对象rows进行遍历。通过jQuery的选择器，选择id为selected的datagrid控件。然后实现datagrid的appendRow方法，传入参数rows[i]，将行记录插入到id为selected的datagrid控件中。

  三：删除多行记录。

<span style="font-size:14px;">  for (var i = rows.length - 1; i >= 0; i--) { </span><span style="font-size:14px;"> </span>

<span style="font-size:14px;">    var index = $('#selected').datagrid('getRowIndex',rows[i]); </span>

<span style="font-size:14px;">     $('#selected').datagrid('deleteRow', index);</span>

<span style="font-size:14px;">      } </span>

  注释：JS的for循环实现对数组对象rows的遍历，做了一个细微的处理（注意是i--和从最大的记录开始的），实现删除的关键就是这个细微的处理。删除主要是为两步，第一步是获取欲删除行的index，方法是getRowIndex，需要传入的参数是当前行对象rows[i]；第二步是删除操作，方法是deleteRow，参数是欲删除行记录的index。

  上面的就是datagrid控件多行记录的获取，插入和删除的一些自己的浅见，第一次写博客，不足之处，请大家多多指教，也希望能和大家多多交流。