从Modal Popup Extender在Parent Page中设置值

时间:2015-11-05 16:40:41

标签: c# asp.net webforms ajaxcontroltoolkit modalpopupextender

我正在一个简单的Web应用程序中测试ModalPopupExtender。用户应在modalpopup中输入一个值,然后在关闭模态弹出窗口后,该值将显示在父页面中。

我将此代码用于设计:

<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。

如果你能给我一些关于它如何运作的见解,我将不胜感激。

1 个答案:

答案 0 :(得分:2)

你好我想你必须为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>