在前端开发中，EasyUI 是一个十分好用的 UI 库，它提供了海量易于使用的组件，能够快速地搭建出漂亮的界面。其中最常用的组件之一就是 datagrid，它可以展示表格数据，并且支持排序、筛选等一系列功能。
在实际项目中，我们经常需要对 datagrid 中的数据进行删除操作，而且有时候需要同时删除多行数据。本文将介绍如何使用 EasyUI 实现 datagrid 多行删除的功能，并提供详细的示例代码。
实现思路
实现 datagrid 多行删除的核心思路是：
- 获取当前选中的行。
- 将选中的行的 ID 存储到一个数组中。
- 发送请求给后端，告诉它要删除哪些行。
- 根据后端返回的结果，在前端更新 datagrid 的数据。
示例代码
下面是一个简单的示例代码，演示了如何使用 EasyUI 实现 datagrid 多行删除的功能。请注意，这里仅提供了前端部分的代码，后端删除数据的逻辑需要自己实现。
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------- -------- --------------
---- -- ------ ---- ---
----- ---------------- --------------- ----------------------------------------------------------------------------------------
----- ---------------- --------------- ------------------------------------------------------------------------------
------- ---------------------- ----------------------------------------------------------------------------
------- ---------------------- -------------------------------------------------------------------------------------------
------- -----------------------
-------------
-- -- --------
-------------------
-------------------------
----------
---------------------------------
--------------------------------------
-----------------------------------
---------------------------------------
---
----------------
----------------
-------------------
---------
-
-----------
----------------------
-------------------
--- ---- - ----------------------------------- -- ------
-------------- -- ---
---------------------------------------------
-------
-
--- --- - ---
------- ---- -------------- -----
---------------------
-
--------
----------------------
---------------
------------
----------------
-------------------------
-------------------
--------------------------------------
---------------------------- -- -- --------
------
------------------------------------------
-
-
---
-
--
---
---
---------
-------
------
------ ----------------
-------
-------解析代码
上述代码中，我们使用了 EasyUI 提供的 datagrid 组件来展示表格数据。其中，url 属性指定了请求数据的地址，columns 属性定义了列的信息，pagination 和 rownumbers 分别表示分页和行号，singleSelect 表示是否只能选择一行。
在 toolbar 中添加了一个“删除行”的按钮，当用户点击该按钮时，会触发一个 handler 函数。
handler:function(){
var rows = $('#dg').datagrid('getSelections'); // 获取选中的行
> 来源：[JavaScript中文网](https://www.javascriptcn.com/post/1199) ，转载请注明来源
[https://www.javascriptcn.com/post/1199](https://www.javascriptcn.com/post/1199)