EasyUI DataGrid获取选中行

EasyUI是一款广受欢迎的开源前端JavaScript框架，在项目中应用广泛。本文将详细介绍如何通过DataGrid组件获取用户当前选中的行数据，帮助开发者快速掌握这一常用功能。

1、 在百度搜索EasyUI，进入其官方网站，下载对应的JavaScript API文件，并将其添加至项目中。具体存放路径可根据个人开发习惯自行设定，确保后续能正确引用即可。

2、 新建HTML页面，按要求引入EasyUI的核心JS与CSS文件。

3、 在页面中声明一个用于承载 DataGrid 组件的 DOM 元素，作为其渲染和展示的基础容器。

4、 编写JavaScript模块，为DataGrid配置数据源、字段及各项属性。完成配置后，运行页面即可呈现一个支持分页功能的数据列表。

5、 测试标题

6、 ]],

7、 路口编号列为表格中的一个字段，宽度设为100像素，支持按数值或字母顺序排序，内容在单元格内水平居中显示。

8、 该字段表示路口名称，列宽为160像素，支持按字母或数字升序、降序排序，内容在单元格内水平居中显示。

9、 ]],

10、 执行数据合并操作，点击此按钮可启动合并流程，将多源数据整合为统一格式，便于后续分析与处理。

11、 删除所选数据，点击此按钮执行清除操作，支持批量删除功能，操作前将提示确认信息以确保数据安全。

12、 点击通过审核按钮，系统将执行相应的审核通过操作，完成当前流程的确认与提交。

13、 审核未通过，显示不通过图标，点击后执行SH(1)函数处理相关逻辑。

14、 ]

15、 编写JavaScript代码，用于获取DataGrid中用户选中的行。

16、 rows 表示用户所选中所有行的数据。

17、 请先选择一条记录，再执行相应操作。

18、 }

19、 提示：您当前选中了多条记录，但修改操作仅支持单条记录，请重新选择一条后再试。

20、 }

21、 运行页面后，即可查看对应的结果。