如何使用 ModalPopupExtender 在点击时加载面板？

Question

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

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

我的问题是如何将信息加载到此面板中？ “checklistitem”包含需要传递到清单中的数据 - 我很乐意通过更新面板来完成此操作，以避免完全回发。

Answer 1

您可以通过 javascript 完成此操作，无需回发。

将 javascript 函数放入按钮的 OnClientClick 事件中，使其看起来像这样：

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();
}

}