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

Question

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

因为项目太多，我会把实际的面板放在“清单”上，所以它只会在网页上一次。 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();
}

}