ASP.NET MVC中的彈出框

-3

如何在asp.net mvc中單擊添加到購物車按鈕時創建一個彈出框？彈出框應該有2個按鈕「註冊」和「登錄」，這些按鈕應該被重定向到註冊或登錄頁面。ASP.NET MVC中的彈出框

我試圖使用模式，但我不確定它是否是正確的選擇，下面是代碼。

     <a class="shortcode_button" data-toggle="modal" data-target=".firstmodal"> Add to Cart</a> 
         <div class=" modal fade firstmodal"> 
          <div class="modal-dialog"> 

           <div class="modal-content"> 
            <div class="modal-header"> 
             <button class="close" data-dismiss="modal"> <span>&times;</span> </button> 
             <div class="modal-title"> MODAL KEME </div> 
            </div> 

            <div class="modal-body"> 
             <h4>Don't have an account yet?</h4> 
            </div> 

            <div class="modal-footer"> 
             <div class="row"> 
              <div class="col-md-3"> 
               <a href="/Account/Register" class="shortcode_button">Sign Up</a> 
              </div> 
              <div class="col-md-9"> 
               <a href="/Account/Login" class="shortcode_button">Log In</a> 
              </div> 
             </div> 
            </div> 

           </div> 

          </div> 
         </div>

來源

2016-05-02 Kendall H.

顯示您已經完成的代碼並先嘗試自己 –

這可能可以幫助您，http://www.dotnetfunda.com/articles/show/3095/best-approach-to-handle-login-popup-dialog - 使用-MVC-的jQuery –

你可以使用Bootstrap modal或者，更容易，一個插件，允許通過簡單的API使用它，就像BootboxJs：

bootbox.dialog({ 
    message: "I am a custom dialog", 
    title: "Custom title", 
    buttons: { 
    success: { 
     label: "Sign Up", 
     className: "btn-success", 
     callback: function() { 
     Example.show("great success"); 
     } 
    }, 
    main: { 
     label: "Login", 
     className: "btn-primary", 
     callback: function() { 
     Example.show("Primary button"); 
     } 
    } 
    } 
});

來源

2016-05-02 07:11:33

您可以使用jQuery的彈出，劍道或Telerik的流行或看中彈出。

來源

2016-05-02 07:25:40

ASP.NET MVC中的彈出框

回答

相關問題