asp.net - 如何使用 ModalPopupExtender 在单击时加载面板？

Question

我正在创建一个清单，其中“清单项目”被添加到“清单”中。每个项目旁边都有一个按钮，用于启动一个模式弹出窗口，其中包含有关该项目的其他信息。

因为项目太多，所以我将实际弹出的面板放在了“清单”上，所以它只会在网页上出现一次。ModalPopupExtender 似乎可以很好地处理这个跨类弹出窗口。

我的问题是如何将信息加载到此面板中？“清单项”包含需要传递到清单中的数据——我很想通过更新面板来完成这一点，以避免完整的回发。

Answer 1

您可以通过 javascript 完成它而无需回发。

向按钮的 OnClientClick 事件中抛出一个 javascript 函数，使其看起来像这样：

MyButton.OnClientClick = "ShowModal(); return false;"

然后在javascript中：

function ShowModal()
{
var myDiv = document.getElementById("SomeDivInTheModal");
myDiv.InnerHTML = "<b>Some specal HTML to show in the modal.</b>";
var mpe = $find('MyModalPopUpBehaviorId');

if (mpe) {
mpe.show();
}

}