jquery - 如何使用 jquery 制作高级交互式 ASP.NET 服务器端控件？

Question

我很难理解如何合并 jQuery/客户端 javascript 和 asp.net 以及整个页面生命周期模型。让我们举一个具体的例子。

我有以下 3 个列表，它们可以是 GridView 、列表框或自定义控件。

List 1 - a list of search results
List 2 - an empty list
List 3 - an empty list

现在我希望能够将搜索结果从列表 1 拖动到列表 2 或 3，此外，我希望能够将搜索结果从列表 2 拖动到列表 3，或将列表 3 拖动到列表 2。

问题实际上并不是用 jQuery 实现该功能，问题是在提交时出现的，提交可以在您实际放置项目时完成，或者可能有一个专用按钮用于执行提交。

如果您只是进行回发，服务器端控件的 View 状态将覆盖 jQuery 添加到客户端控件的值，并且当页面再次呈现时，一切都会被忘记。

如何将整个客户端与服务器端捆绑在一起？

一个可能的解决方案是将值存储在隐藏字段中，并让回发利用这个隐藏字段来恢复它所拥有的值，但我发现这个解决方案臃肿，考虑到在“过去”你只会做具有正确帖子数据的页面帖子。

Answer 1

问题是您的 DOM 中有状态，由 jQuery 脚本维护，但在与服务器的往返过程中您会丢失该状态。

要保留该状态信息，您必须将其放入隐藏字段(或 cookie，甚至 HTML5 离线存储)中，但更好的解决方案是完全避免回发并允许您的控件通过 AJAX 调用与服务器交互。这样，即使您与服务器交互，您的客户端状态也会保留。