从 Modal Popup Extender 在父页面中设置值

Question

我正在一个简单的 Web 应用程序中测试 ModalPopupExtender。用户应该在modalpopup中输入一个值，然后这个值将在关闭modal popup后显示在父页面中。

我在设计中使用了这段代码：

<body>
    <form id="form1" runat="server">
      <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <asp:Button runat="server" ID="BtnOpenPopup" Text="Open Popup" />
        <asp:Label runat="server" ID="lbl" ></asp:Label>
        <asp:Panel runat="server" ID="PnlTest">
           <asp:TextBox runat="server" ID="txtInput"></asp:TextBox>             
           <asp:Button runat="server" ID="BtnSubmit" Text="Submit" OnClick="BtnSubmit_Click" />
        </asp:Panel>
        <ajaxToolkit:ModalPopupExtender runat="server" TargetControlID="BtnOpenPopup" EnableViewState="true" OkControlID="BtnSubmit" PopupControlID="PnlTest" ></ajaxToolkit:ModalPopupExtender>
      </div>
    </form>
</body>
</html>

这是我背后的代码：

 protected void BtnSubmit_Click(object sender, EventArgs e)
 {
    lbl.Text = txtInput.Text;
 }

这没有用，我没有收到任何错误，但 lbl 仍然没有加载用户输入。

如果您能告诉我一些有关其工作原理的见解，我们将不胜感激。

Answer 1

您好，我想您必须为 OnOkScript 属性添加一个脚本，试试这个：

   //......
   //.......

   <ajaxToolkit:ModalPopupExtender runat="server" 
        TargetControlID="BtnOpenPopup" 
        EnableViewState="true" 
        OkControlID="BtnSubmit" 
        PopupControlID="PnlTest" 
        OnOkScript="onModalOk();"> <!-- here is the tag you have to add to get it work -->

    </ajaxToolkit:ModalPopupExtender>
  </div>
</form>
<script>
    function onModalOk()
    {
        document.getElementById("lbl").innerText = document.getElementById('txtInput').value;
    }
</script>

从 Modal Popup Extender 在父页面中设置值

Set value in Parent Page from Modal Popup Extender

c#

asp.net

webforms

ajaxcontroltoolkit

modalpopupextender