2012-09-14 140 views
0

我正在尋找答案,但找不到任何有用的東西。面向網絡應用的另一個面板顯示面板

我有一些數據(來自SQL數據庫)的gridview和一個選項來刪除一行。在刪除行之前,我希望用戶確認刪除(pupup窗口)。我知道如何用javascript創建一個彈出窗口,但我不喜歡該彈出窗口的外觀。我想讓ky自己的「彈出」。

我想覆蓋一個面板(我放置文本(標籤)和一些按鈕(確定,取消))在我有gridview的面板上。像在圖片中的東西。我將如何完成這樣的事情?

enter image description here

回答

2

如何使用Ajax控件工具箱彈出?

http://www.asp.net/ajaxlibrary/act_Popup.ashx

這似乎是你正在尋找什麼你。

+0

這看起來像它可以工作:)我如何樣式這個彈出? CSS? – user1080533

+0

也看看這個例子http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/ModalPopup/ModalPopup.aspx –

+0

它可以讓你設置一個背景類,你可以使用CSS定義的內容樣式其他HTML –

0

使用jQuery UI dialog

例子:

<script type="text/javascript"> 
    $(function() { 
     var $dialog = $("#dialog"); 
     var $foo = $("input:submit[id$=foo]"); 
     var confirmed = false; 

     $dialog.hide(); 

     $dialog.dialog({ 
      width: "300px", 
      modal: true, 
      autoOpen: false, 
      buttons: { 
       OK: function (e) { 
        $dialog.dialog("close"); 
        confirmed = true; 
        $foo.click(); 
       }, 
       Cancel: function (e) { 
        $dialog.dialog("close"); 
        confirmed = false; 
       } 
      } 
     }); 

     $foo.click(function (e) { 
      if (!confirmed) { 
       $dialog.dialog("open"); 
      } 

      return confirmed; 
     }); 
    }); 
</script> 

完全working example can be downloaded from here

+0

我也在考慮jQuery,但沒有實際的經驗。將需要查找如何在代碼中實現它。有小費嗎? – user1080533

+0

我剛更新了我的回覆 – Jupaol

+0

謝謝,但最終決定用Ajax去。 – user1080533

相關問題