客户端的部分回发和操作

Question

我有两个 DropDownList。 第一个是可见的，第二个是不可见的。 我想要这样的东西：

1. 从第一个 DDL 中选择值。
2. 然后发生部分回发 - 根据选择从数据库检索数据。
3. 第二个 DDL 已填充
4. 第二个 DDL 显示为 ie 幻灯片效果 (javascript)

我不想进行完整的回发。 最终的效果应该是：

从第一个DDL中选择值，然后在下面，向下滑动填充的第二个DDL。

我不知道如何开始。

Answer 1

由于听起来您使用的是 Web 表单，因此解决问题的第一步是您首先研究 ASP.Net UpdatePanel 控件及其提供的选项。

http://msdn.microsoft.com/en- us/library/system.web.ui.updatepanel.aspx

忠告 不过，UpdatePanel 乍一看看起来不错，但它通过网络发送的数据比必要的多 100 倍，并且 Ajax 越多，很快就会变得执行缓慢。你做的事情。 一旦功能变得复杂，由于性能问题，您真的可以将自己的代码陷入困境。

我会看一下 encosia.com 上有关如何将 jQuery 与 Asp.net WebForms 结合使用的精彩教程，看看您是否可以学习该方法。 UpdatePanel 并不是一个很好的工具，您会对 jQuery 提供的功能感到惊讶。

http://encosia .com/2008/05/29/using-jquery-to-directly-call-aspnet-ajax-page-methods/

您还提到您想要“幻灯片”效果。 我认为要做到这一点，您必须深入研究 asp.net ajax 动画扩展器，而该框架使用起来并不漂亮或令人愉快。

Answer 2

您可以从使用 UpdatePanel 开始。 您可以更新事件以仅更新 UpdatePanel 中包含的内容。

官方链接 ASP UpdatePanel 概述

Answer 3

使用 UpdatePanel 是在 ASP.NET 中获取 AJAX 行为的简单方法。 UpdatePanel 将为您处理大部分 AJAX。

这是一个很好的教程：

http://www.asp.net/Ajax /Documentation/Live/tutorials/IntroductionUpdatePanel.aspx

Answer 4

您应该查看

级联下拉列表

并使用 jQuery 进行更改第二个下拉列表的 div，
请参阅此处

和相关的 jQuery

<script type="text/javascript">
$(document).ready(function(){

$(".btn-slide").click(function(){
    $("#panel").slideToggle("slow");
    $(this).toggleClass("active"); return false;
});


});

Answer 5

也许 Ajax 控件工具包中的 Cascading Dropdown 控件可以帮助您：
http://www.asp.net/AJAX/AjaxControlToolkit/Samples/ CascadingDropDown/CascadingDropDown.aspx