Question

 <div style="display: none" id="CopyNews" title="Enter the newsletter details">
        <div style="position: relative; height: 100%">
            <br />
            <asp:Label ID="MailType" runat="server" Text="type:" />
            <asp:DropDownList ID="ddlDlgType" runat="server" AutoPostBack="true" />
            <br />
            <br />
            <asp:Label ID="MailTitle" runat="server" Text=" title:" />
            <asp:TextBox ID="txtTitle" runat="server" />
            <br />
            <br />
            <div style="text-align: center;">
                <asp:Button runat="server" ID="YesButton" Text="OK" />
                <asp:Button runat="server" ID="CancelButton" Text="Cancel" />
            </div>
        </div>
    </div>
    <script>
        function OpenNews() {
            $("#CopyNews").dialog({
                width: 'auto',
                height: 'auto',
                modal: true,
                resizable: false,
                position: 'center'
            });
        }
    </script>

点击一个按钮（在后面的代码中）后，我显示上面的对话框：

ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "script", "OpenNews();", true);

我的意图：

我想在代码隐藏中使用DropDownList值和单击OK按钮后的textBox值，显然，当单击Cancel按钮时，应该关闭对话框。

我如何实现这些目标？

Answer 1

虽然您在对话框中使用了div，但仍然保留了代码隐藏行为。因此，您可以通常在代码隐藏时访问该对象的属性。

您只需处理OnClick的{{1}} ASP.NET事件（按钮确定）并检查这些控件的值。见下面的代码：

YesButton

唯一的修改是你必须在<asp:Button runat="server" ID="YesButton" Text="OK" OnClick="YesButton_Click" />中设置AutoPostBack="false"，否则你的模态会消失，因为会发生回发。

要在单击“取消”时关闭，请处理onClick javascript事件并尝试此操作：

ddlDlgType

从对话框中获取值并在后面的代码中使用它们

1 个答案: