javascript - 将 Telerik ASP.NET Ajax RadGrid 加载到模态弹出窗口中，并通过 Ajax 刷新数据，无需刷新页面

Question

我有一个应用程序当前实现动态创建 RadGrid。网格是通过从特定 SQL Server View 读取列和数据类型来生成的。我们有很多这样的 View ，这就是我们使用动态创建的原因。

每次用户与网格控件(例如过滤器/分页控件)交互时，整个页面都会刷新。 RadGrid 在 Page_PreInit 方法中从头开始重新创建，并使用更新的数据进行填充。这是非常糟糕的用户体验，而且还消耗服务器资源。

我正在浏览 Telerik 文档，但找不到我想要实现的目标的明确示例。我想知道是否可以实现以下要求:

1. 点击页面上的链接将加载 Telerik 模态窗口弹出窗口。
2. 模态弹出窗口的内容通过向服务器发出的 Ajax POST 请求检索 - 这将创建初始动态网格并返回 HTML 内容类型。
3. 一旦加载到模态弹出窗口中，网格 HTML 结构就会变成动态的，并且当事件触发时，服务器仅返回来自分页或过滤操作的更新数据 - 最好仅发送 JSON 以减少传输 HTML 的带宽开销。

可以使用 Telerik UI for ASP.NET Ajax 实现此用例吗？

Answer 1

1. 可以，以下是打开 RadWindow 的方法:http://docs.telerik.com/devtools/aspnet-ajax/controls/window/getting-started/opening-windows 。基本上，调用其 show() 客户端方法。

2. 最简单的方法是使用一个 aspx 页面来渲染网格并在 RadWindow 中打开它(请参阅 NavigateUrl 属性和 setUrl() 客户端方法，以及 radopen 的第一个参数() 或打开())。 RadWindow 将生成该页面的 GET 请求。

选项 2:使用 RadWindow 的 OnClientShow 事件生成 POST(例如，通过 __doPostBack() MS AJAX 函数)并使用 RadWindow 的 ContentTemplate。查看以下文章以了解如何使用 AJAX:http://docs.telerik.com/devtools/aspnet-ajax/controls/window/how-to/how-to-use-radwindow-with-ajax .

这是通过第二点中的第一个选项自动实现的 - 内容页面将封装自己的请求。选项 2 中正确的 AJAX 设置将为您提供相同的效果，但网格将驻留在您的主页上。

提示:通常使用回发来获取数据。如果您想要少于此值，请为您的网格使用客户端绑定(bind):http://demos.telerik.com/aspnet-ajax/grid/examples/data-binding/client-side/client-data-source-binding/defaultcs.aspx