easyui datagrid 双击一行进入某个界面,不刷新页面重新加载数据,只刷新当前行数据,避免刷新页面后重新找刚刚那行的数据
时间: 2024-02-20 22:58:01 浏览: 96
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
您可以在双击一行时,发送一个 AJAX 请求,获取该行数据并在当前界面中更新该行数据。以下是一个可能的实现方式:
1. 绑定 `onDblClickRow` 事件,在该事件中获取当前行的数据和索引:
```javascript
$('#datagrid').datagrid({
onDblClickRow: function(index, row) {
// 发送 AJAX 请求获取该行数据
}
});
```
2. 发送 AJAX 请求获取该行数据:
```javascript
$.ajax({
url: '/get_row_data',
data: { id: row.id }, // 假设 row.id 是该行数据的唯一标识符
success: function(data) {
// 更新当前行数据
$('#datagrid').datagrid('updateRow', {
index: index,
row: data
});
}
});
```
这样就可以在不刷新页面的情况下,更新当前行的数据。当然,您需要在后端实现 `/get_row_data` 接口来获取该行数据。
阅读全文