使用 Ajax 方法（怎么做）答案

【问题标题】：Using Ajax method (how to do it)使用 Ajax 方法（怎么做）
【发布时间】：2010-10-06 10:00:27
【问题描述】：

使用 ASP.NET 中的更新面板并在来自Matt Berseth 的good tutorial on ListView 的帮助下，我完成了下图。

alt text http://www.balexandre.com/temp/StackOverflow_HowToStartUsingAJAX.png

行为是，当我单击 BOLD 名称时，该名称下方带有数字的行会折叠。

获取数据：

这是一个我无法更改的 SDK WebService，通过它我可以在一次调用中获得粗体名称，并为每个粗体名称获取可数行的列表，在此示例中，我必须调用 4 次 Web 服务

1 次调用以向我提供所有粗体名称，然后每个粗体名称 1 次调用以获取辅助列表。

我的雇主告诉我不要这样做，而只有在用户单击粗体名称时才能获得第二行...

我现在该怎么办？我有点迷路了。 :(

我知道“做什么”，但不知道“怎么做”

我在 HTML 中创建了一个要使用 jQuery 替换的新行
在 listView_ItemDataBound 方法中，我将 javascript 更改为具有该行 ID，以便更轻松地使用 javascript 函数

但是，我如何在该特定行中显示“正在加载”图像并加载辅助列表？

（我已经有一个大的，用于在检索粗体名称列表时显示等待消息）

alt text http://www.balexandre.com/temp/SuperOffice_forum_loadingIndicator.png

我需要自己创建一个中间 WebService 来请求这些数据吗？

大问题是 我需要检查“提交时”辅助行中的那些复选框 :(

我完全迷路了，谁能给我点灯？

【问题讨论】：

标签： c# asp.net jquery ajax

【解决方案1】：

ASP.NET Ajax 可以使用 UpdateProgress 来显示图像或任何东西。

<asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="updPanel1" DisplayAfter="0">
    <ProgressTemplate>
        <img alt="Please Wait" src="Images/processing.gif" />
    </ProgressTemplate>
</asp:UpdateProgress>

您可以通过将位置设置为绝对位置，使用 javascript 将其移动到页面上的任何区域。

执行此解决方案的最佳方法是使用回发对谁页面进行编程。然后在页面上放一个Ajax UpdatePanel。

您可以在每一行的点击事件上调用 Web 服务来填充数据。将数据放在隐藏的面板中。如果希望它向下“滑动”，请使用 Jquery 和启动脚本来显示它。

我能给出的最好建议是不要担心拥有一个真正流畅的用户界面。让页面正常工作，并从 Web 服务获取数据。然后在你完成之后，努力让 UI 看起来更好。

这就像播放音乐，你不能一次写出一首歌的所有部分。您从一个主题开始，然后创建旋律、第二部分和第三部分等。 . .

【讨论】：