데이터 저장을위한 텍스트 상자가있는 팝업

Question

Asp.Net 및 VB.NET을 사용하고 있는데 버튼 클릭시 팝업을 제공하는 페이지가있는 프로그램을 개발하고 세부 사항을 입력하는 2-3 개의 텍스트 상자가 있어야합니다. 이러한 세부 사항은

당신이

Answer 1

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> 

Answer 2

안녕이 문제를 해결하기 위해 jQuery를 사용하여 감사 버튼의 클릭에 SQL Server 테이블에 저장해야합니다. jquery를 통해 작은 팝업 창을 열어 텍스트 상자와 다른 컨트롤을 가질 수 있습니다. 저장 기능을 여기에 쓸 수 있습니다. 아마도 문제를 해결하려면 http://jqueryui.com/dialog/#modal-form을 봐야합니다.