Question

我正在使用Asp.Net和VB.NET，我想开发一个带有一个页面的程序，该页面在按钮点击时弹出窗口，它应该有2到3个文本框来输入详细信息，这些细节应该保存单击按钮

进入SQl Server表

谢谢

Answer 1

您好，您可以使用jquery来解决此问题。通过jquery，您可以打开一个小弹出窗口，您可以在其中使用文本框和其他控件。您可以在那里编写保存功能。也许你应该看看http://jqueryui.com/dialog/#modal-form来解决你的问题。

Answer 2

您可以使用Ajax控件工具包。下载并添加到您的visual studio中。使用此代码。

<style>
    .modalBackground
    {
        position: absolute;
        top: 0px;
        left: 0px;
        filter: alpha(opacity=60);
        -moz-opacity: 0.6;
        opacity: 0.6;
    }
    .popup
    {
        background-color: #ddd;
        margin: 0px auto;
        width: 330px;
        position: relative;
        border: Gray 2px inset;
    }
</style>



 <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>
<div>
    <asp:Panel ID="pnModelPopup" runat="server" CssClass="popup">
        <table>
            <tr>
                <td>
                    User Name:
                </td>
                <td>
                    <asp:TextBox ID="txtUserName" runat="server"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>
                    Password:
                </td>
                <td>
                    <asp:TextBox ID="txtPassword" runat="server"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>
               <asp:Button ID="btnSignin" runat="server" Text="Sign in"                                     Style="margin-left: 100px"
                 OnClick="btnSignin_Click" />
                </td>
                <td>
                    <asp:Button ID="btnCancel" runat="server" Text="Cancel" />
                </td>
            </tr>
        </table>
    </asp:Panel>
    <asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server"                                PopupControlID="pnModelPopup"                                             
        TargetControlID="lnkbtnSignin" DropShadow="true"                                            BackgroundCssClass="modalBackground"
        CancelControlID="btnCancel" PopupDragHandleControlID="pnModelPopup"                       OnOkScript="onOk()">
    </asp:ModalPopupExtender>
    <div style="margin-left: 300px">
        <asp:LinkButton ID="lnkbtnSignin" runat="server">Sign in</asp:LinkButton>
    </div>
</div>

用文本框弹出以保存数据

2 个答案: