二、示例代码：创建 EasyUI 表格

```html

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script src="https://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>

data-options="url:'data.json', method:'get', fitColumns:true, pagination:true">

<script>

$(function () {

$('dg').datagrid({

onLoadSuccess: function () {

// 表格加载完成后执行

}

});

});

</script>

```

三、获取某一行某一列的字段值

要获取某一行某一列的数据，可以使用 `datagrid` 提供的方法：

方法一：通过 `getSelected()` 获取选中行

```javascript

var row = $('dg').datagrid('getSelected');

if (row) {

alert('ID: ' + row.id + ', 姓名: ' + row.name);

}

```

方法二：通过 `getRows()` 获取所有行，再遍历查找特定行

```javascript

var rows = $('dg').datagrid('getRows');

for (var i = 0; i < rows.length; i++) {

if (rows[i].id == 1) {

alert('找到 ID 为 1 的行，姓名: ' + rows[i].name);

break;

}

}

```

方法三：通过 `getRowIndex()` 获取行索引，再使用 `getValues()`

```javascript

var index = $('dg').datagrid('getRowIndex', 1); // 传入某个字段值，如 id=1

if (index >= 0) {

var value = $('dg').datagrid('getCellValue', { index: index, field: 'name' });

alert('该行的姓名是: ' + value);

}

```

四、注意事项

五、总结

使用 EasyUI 创建表格是一个简单且高效的方式，尤其适合需要快速构建管理界面的场景。通过 `datagrid` 提供的丰富 API，我们可以轻松实现数据展示、交互操作以及数据获取功能。掌握 `getSelected`、`getRows` 和 `getCellValue` 等方法，能够帮助我们在实际开发中灵活处理表格数据。