ASP.NET：使用 jQuery 绑定中继器？

Question

我有一个绑定服务器端的中继器控件。 它重复一系列的 div，并且这样做没有问题。 我有一些按钮用于对中继器进行排序（最新的、排名最高的、随机的），这按其应有的方式工作。

我想通过以某种方式使用 Ajax/jQuery 对按钮进行排序来改善我的用户体验，这样就不会出现页面回发，并且用户不会失去他/她在页面上的位置。

有没有办法使用 jQuery 访问这样的服务器端代码，或者使用 Ajax 重新绑定服务器端控件？

谢谢...如果我需要列出更多详细信息，请告诉我！

编辑我知道UpdatePanels，但如果不需要，我宁愿不使用它们。

Answer 1

这相对容易。

1. 将中继器移至单独的自定义控件，例如 MyControl。 现在，页面中的转发器变为 uc1:MyControl。

2. 将 MyControl 包装到 div 中：

3. 创建一个仅包含 MyControl 的新页面 pgMyControl.aspx。

4. 在主页上，将 jQuery 处理程序添加到排序链接。 使用 load 方法动态替换 div 内容：

   $('#link_sort_random').click(function() 
     { 
       $("#mydiv").load("pgMyControl.aspx&sort=random"); 
     } 
     

5. 在 MyControl 内的数据源中使用 QueryStringParameter 来更改顺序。 或者在代码隐藏文件中使用Request.QueryString。

Answer 2

您是否考虑过 将中继器的功能移至客户端？

这样做， 功能像分页和排序并不是很难添加。 事实上，您可以通过使用 ADO.NET 数据服务< /a> 作为服务层。

Answer 3

使用 updatePanel 或 jquery Ajax 回发本质上是同一件事。 两者都会要求您的代码获取新查询，然后让您的控件自行渲染，然后将 HTML 作为部分页面渲染反馈给客户端，然后将内容插入到同一 DOM 位置中的旧内容中。

由于 Web 控件的性质及其决定何时呈现的生命周期，以这种方式使 JQuery 和 ASP.NET 相互通信要困难得多。 updatePanel 知道如何调用所有这些，维护正确的视图状态并将结果返回到正确的位置。

在这种情况下，不要让事情变得更加困难，请使用 updatePanel，除非您有一些非常具体的理由不这样做。

编辑：如果您在更新面板时遇到 JQuery 问题，可能是由于创建了新的 DOM 节点。 JQuery 有 live 事件 来处理这个问题。 即使在文档准备好之后，它也会注意到何时创建新的 DOM 元素并将它们与您的选择器进行匹配。

Answer 4

也许这是一个 OT，但您可以考虑更改绑定客户端和服务器控件的方式，使用 XSLT 转换而不是经典服务器控件。
您可以在此处找到示例（抱歉，是意大利语......）。