.Net：将值从 JavaScript 传递到 C# 而无需回发

Question

我使用第三方 gridview（DevExpress 网络表单 ASPxGridView）制作了一个 .Net 网络应用程序。

假设我有两个网格（Grid1 和 Grid2，都是 devexpress）。

我遇到了一个问题，我需要根据在 Grid1 上单击的列更新 Grid2 中的值（在 onClick 事件期间）。

我能够在 JavaScript 中捕获行和列，但无法将其传递回我的服务器端代码。

网格有一些与编辑模式相关的设置，如果页面执行完整回发，网格会丢失其编辑。

我尝试设置 HiddenField 并调用回发，但这会删除我网格中的编辑。我尝试将变量传递给静态方法，但我无法访问页面上的控件来更新 Grid2。我已经考虑尝试执行回调而不是回发，但看起来回调正在引用客户端方法。

有没有人知道一种在没有回发的情况下将客户端变量传递给 c# 或从 JavaScript 调用非静态 c# 方法的方法？任何建议将不胜感激。

Answer 1

执行此操作的最基本方法包括两个部分，第 1 部分）在您现有的网格页面上添加一个 ajax js 函数来处理点击事件并发出数据请求。第 2 部分）编写一个单独的 C# 网页以接收您的客户端 Grid1 变量，对其进行相应处理，然后使用 Grid2 的数据进行响应。这是 ajax 调用的一些伪代码，希望对您有所帮助。

//in your javascript section
$("#Grid1Cell").click(function(){
    $.ajax({
      type: "GET",
      url: '@Url.Action("GetGrid2Data", "SomeController")"?yourVar=' + encodeURI(yourVal), 
           //alternatively  url: "yourNonMVCpage.aspx?yourVar=" + encodeURI(yourVal), 
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      success: function (response) {
          if (response.SomeValues == "blah") {
              $("#Grid2Cell").text(response.SomeValues); //update Grid2
          }
    }});
});

Answer 2

如果您需要“连接 c#”，则必须向服务器执行请求（使用任何可用的技术 - 回调、回发等）。

如果您需要在此请求期间刷新另一个控件 (Grid2) 呈现，则应返回相应的 HTML 内容作为此请求的结果。

根据提供的描述，您需要实现“级联网格” - 即在更改主网格时更新依赖网格。如果是这样，请使用https://github.com/DevExpress-Examples/how-to-show-detail-information-in-a-separate-aspxgridview-e70 示例中说明的方法，并通过客户端 PerformCallback 方法强制依赖网格自定义回调（并进一步刷新）+ 处理服务器端 CustomCallback 事件。