在显示之前使用数据填充引导模式弹出窗口答案

【问题标题】：Populate bootstrap modal popup with data before displaying在显示之前使用数据填充引导模式弹出窗口
【发布时间】：2018-08-14 11:17:47
【问题描述】：

我正在使用带有 Twitter Bootstrap 和 HTML5 的 ASP.NET Web 表单。

我有一个 LinkButton，它显示一个带有以下代码的模式弹出窗口。模态弹窗只是一个带有Repeater的div。

<a href="#myModal" class="btn btn-mini btn-block btn-primary" data-toggle="modal">View</a>

上面的代码正确打开了弹出窗口，但我想这样做并在弹出窗口显示之前用数据填充中继器：

<asp:LinkButton runat="server" ID="lnkView" CssClass="btn btn-mini btn-block btn-primary" 
                                            OnCommand="lnkView_Command"
                                            CommandArgument='<%# Eval("ID") %>'>View</asp:LinkButton>

lnkView_Command 将在 C# 代码隐藏中从 db 获取数据。

我知道OnCommand 也会生成<a href="" >，但我不确定如何使用href 来显示弹出窗口以及调用代码隐藏方法。

任何帮助将不胜感激。

【问题讨论】：

您是否尝试过显示 ajax 加载 gif，并在加载内容时将其删除，或者您是否尝试不显示，然后在加载显示块上显示？我打算回答，但我不能 100% 确定我确定你的问题

标签： asp.net twitter-bootstrap webforms modal-dialog

【解决方案1】：

除非您在页面的服务器端处理期间加载中继器，否则当模式打开时，您将不得不向服务器发出 AJAX 请求，获取一些 HTML 或 JSON 内容，并更新所有 UI自己使用客户端 JavaScript。或者：当你去显示弹出窗口时，回发到服务器，然后 onload 显示弹出窗口。

如果是前者，这不是一件容易的事，但并非不可能。您可以使用page callback 或web service 来获取数据。您也可以真正使用任何客户端框架，例如 jQuery。

【讨论】：