當用戶使用MVC3 C＃asp.net單擊按鈕時顯示彈出對話框

Question

有人可以解釋我如何創建一個對話框，當用戶單擊網頁上的按鈕時，該對話框將出現。 我在c＃和asp.net中使用MVC3框架編碼。

基本上，當用戶點擊“發送”時 - 對話框將顯示“已發送消息”，他們可以關閉它。 在存在驗證錯誤的情況下，對話框應顯示它（例如：“請輸入有效的電子郵件地址並重試”）。

請准確解釋哪些代碼需要在哪些文件中使用。 即控制器，視圖，模型，腳本，CSS等...

謝謝

Answer 1

你必須使用Javascript。 從C＃開始，你應該有一個OnClientClick事件。 像這樣把你的scriptlet放在那里：

OnClientClick="alert('Hello World!');"

如果您希望服務器端單擊發生，則返回true或false ：

OnClientClick="return confirm('Are you sure?');"

如果此代碼是不完全完美的它仍然會導致你正確的解決方案，因為基本上沒有任何其他的選擇真的。

Answer 2

你可以使用jQuery UI模式 ：

  <script>
  $(function() {
    $( "#dialog-message" ).dialog({
      modal: true,
      buttons: {
        Ok: function() {
          $( this ).dialog( "close" );
        }
      }
    });
  });
  </script>

<div id="dialog-message" title="Download complete">
  <p id="messageText">
  </p>
</div>

點擊按鈕后，您可以在此對話框中發送ajax請求和成功設置消息並顯示它。

編輯：

<input type = "submit" id="doSomethingButton">

<script>
    $(function(){
        $('#doSomethingButton').click(function(){
            $.ajax({
                url:"url-to-send-data",
                data:"", // optional
                type:"http-method-type", //GET, POST, DELETE, PUT ....
                success:function(data){
                    $('#messageText').text(data);
                    $('#dialog-message').dialog('open');
                }
            });
        });
    });
</script>

Answer 3

看看這些JQuery插件這里肯定有幫助