jquery - 带有 AJAX 的 ASP.NET 中的分层 GridView，带有子细节刷新的 JQuery 实现

Question

我在这里找到了这篇文章，为我需要使用 ajax 在详细信息网格中更新主详细信息提供了一个很好的基础。

我遇到的唯一问题是成功保存记录后子网格没有更新，我尝试了几件事但没有好的结果。

已发布文章中的完整代码。

我不明白的主要事情是，当我单步执行时，它看起来应该再次运行子页面，但事实并非如此，如果您再次折叠和展开它也不会重新加载子网格，我真的需要它在每个展开操作上加载子网格。

我确实升级到当前的 jquery 没有任何问题，并且文章中的 jquery 和当前的 jquery 都存在问题。

谢谢你。

Answer 1

问题是因为 AJAX 缓存。保存详细信息后，代码将调用服务器以使用ExpandCollapse获取新内容。但是因为已经使用 AJAX 调用从服务器检索了详细信息，所以这将返回相同的内容（不调用服务器）。

要解决此问题，您可以添加带有日期时间的 url，如下所示 -

$.ajax({
url: 'ChildGridBuilder.aspx?datetime=' + new Date().getTime(),
type: 'GET',
data: "OrderID=" + encodeURIComponent(orderId),
dataType: "html",
success: function (response) {
    $('#div' + orderId).html(response);
    $('#div' + orderId).css("display", "block");
    $('#img' + orderId).attr('src', 'images/minus.png');
    $('#hid' + orderId).val("1");
},
error: function (xhr, ajaxOptions, thrownError) {
    alert('Error Occured!');
    $('#div' + orderId).css("display", "none");
}

});

我也更改了博客中的页面，您可以尝试更改网址再试一次。