Ajax样式的删除提示

用户控件ucDeleteConfirmation.ascx

 <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ucDeleteConfirmation.ascx.cs" Inherits="Casagroup.Web.UI.Controls.ucDeleteConfirmation" %>

<%@ Register assembly="DevExpress.Web.ASPxEditors.v8.3" namespace="DevExpress.Web.ASPxEditors" tagprefix="dxe" %>
<%@ Register assembly="DevExpress.Web.v8.3" namespace="DevExpress.Web.ASPxRoundPanel" tagprefix="dxrp" %>
<%@ Register assembly="DevExpress.Web.v8.3" namespace="DevExpress.Web.ASPxPanel" tagprefix="dxp" %>
<%@ Register assembly="DevExpress.Web.v8.3, Version=8.3.2.0, Culture=neutral, PublicKeyToken=5377c8e3b72b4073" namespace="DevExpress.Web.ASPxPopupControl" tagprefix="dxpc" %>
<%-- EndRegion --%>
<dxrp:ASPxRoundPanel ID="ASPxRoundPanel1" runat="server" HeaderText="删除确认" 
    DefaultButton="btnYes" HorizontalAlign="Left">
    <HeaderStyle HorizontalAlign="Left" />
    <PanelCollection>
        <dxp:PanelContent runat="server">
      <table>
                <tr>
                    <td rowspan="2">
                        <dxe:ASPxImage ID="ASPxImage1" runat="server" 
                            ImageUrl="~/Images/DeleteConfirmation.png">
                        </dxe:ASPxImage>
                    </td>
                    <td>
                        <dxe:ASPxLabel ID="ASPxLabel1" runat="server" Text="你确定删除这一行数据吗?">
                        </dxe:ASPxLabel>
                    </td>
                </tr>

                <tr>
                    <td>
                        <dxe:ASPxLabel ID="ASPxLabel2" runat="server" Text="Row ID: " Visible="False">
                        </dxe:ASPxLabel>  
                        
                        <dxe:ASPxLabel ID="ASPxLabel3" runat="server" Text="" 
                            ClientInstanceName="lbRowId" Font-Bold="True" Visible="False">
                        </dxe:ASPxLabel>     
                    </td>
                </tr>
            </table>
            <br />
<%-- EndRegion --%>
<%-- BeginRegion Dialog control elements: a check box and buttons --%>
            <table>
                <tr>
                    <td>
                        <dxe:ASPxCheckBox ID="cbDontAsk" runat="server" Text="不在提示." 
                            ClientInstanceName="cbDontAsk" Width="136px">
                            <ClientSideEvents CheckedChanged="cbDontAsk_CheckedChanged" />
                        </dxe:ASPxCheckBox>
                    </td>
                    
                    <td style="width:100%">
                    </td>
                
                    <td>
                        <dxe:ASPxButton ID="btnYes" runat="server" Text="是" Width="50px" AutoPostBack="False" ClientInstanceName="btnYes">
                            <ClientSideEvents Click="btnYes_Click" />
                        </dxe:ASPxButton>
                    </td>
                    
                    <td>
                        <dxe:ASPxButton ID="btnNo" runat="server" Text="否" Width="50px" AutoPostBack="False">
                            <ClientSideEvents Click="btnNo_Click" />
                        </dxe:ASPxButton>
                    </td>
                </tr>
            </table>
        </dxp:PanelContent>
    </PanelCollection>
</dxrp:ASPxRoundPanel>

  UserGroup.aspx 调用页面js

<%@ Page Title="" Language="C#" MasterPageFile="~/Master/Right.Master" AutoEventWireup="true" CodeBehind="UserGroup.aspx.cs" Inherits="Casagroup.Web.UI.UserGroup" %>
<%@ Register assembly="DevExpress.Web.ASPxGridView.v8.3, Version=8.3.2.0, Culture=neutral, PublicKeyToken=5377c8e3b72b4073" namespace="DevExpress.Web.ASPxGridView" tagprefix="dxwgv" %>
<%@ Register assembly="DevExpress.Web.ASPxEditors.v8.3, Version=8.3.2.0, Culture=neutral, PublicKeyToken=5377c8e3b72b4073" namespace="DevExpress.Web.ASPxEditors" tagprefix="dxe" %>
<%@ Register assembly="DevExpress.Web.v8.3, Version=8.3.2.0, Culture=neutral, PublicKeyToken=5377c8e3b72b4073" namespace="DevExpress.Web.ASPxDataView" tagprefix="dxdv" %>

<%@ Register assembly="DevExpress.Web.v8.3, Version=8.3.2.0, Culture=neutral, PublicKeyToken=5377c8e3b72b4073" namespace="DevExpress.Web.ASPxPopupControl" tagprefix="dxpc" %>
<%@ Register src="../Controls/ucDeleteConfirmation.ascx" tagname="ucdeleteconfirmation" tagprefix="uc2" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<script>
    var dontAskConfirmation; //Store the value specifying whether delete operations should be confirmed
    var rowVisibleIndex; //Store the visible index of the grid row to be deleted

    function popupControl_Init(s, e) {
        dontAskConfirmation = cbDontAsk.GetChecked();
    }

    function grid_CustomButtonClick(s, e) {
        if (e.buttonID != 'del') return;
        if (dontAskConfirmation) DeleteGridRow(e.visibleIndex);
        else {
            rowVisibleIndex = e.visibleIndex;
            s.GetRowValues(e.visibleIndex, 'UserGroupName', ShowPopup);
        }
    }

    function ShowPopup(rowId) {
        //lbRowId.SetText(rowId);
        popupControl.Show();
        btnYes.Focus();
    }

    function cbDontAsk_CheckedChanged(s, e) {
        dontAskConfirmation = cbDontAsk.GetChecked();
        btnYes.Focus();
    }

    function btnYes_Click(s, e) {
        ClosePopup(true);
    }

    function btnNo_Click(s, e) {
        ClosePopup(false);
    }

    function ClosePopup(result) {
        popupControl.Hide();
        if (result) DeleteGridRow(rowVisibleIndex);
    }

    function DeleteGridRow(visibleIndex) {
        gvUserGroup.DeleteRow(visibleIndex);
    }
</script>
   <dxwgv:ASPxGridView ID="gvUserGroup" runat="server" ClientInstanceName="gvUserGroup"
            AutoGenerateColumns="False" Width="430px" KeyFieldName="UserGroupID" 
        onrowdeleting="gvUserGroup_RowDeleting" 
        onrowinserting="gvUserGroup_RowInserting" 
        onrowupdating="gvUserGroup_RowUpdating">
         <ClientSideEvents CustomButtonClick="grid_CustomButtonClick" />
            <Columns>
                <dxwgv:GridViewCommandColumn VisibleIndex="0" ShowSelectCheckbox="True">
                  
                   <HeaderTemplate>
                     <input type="checkbox" οnclick="ctl00_ContentPlaceHolder1_gvUserGroup.SelectAllRowsOnPage(this.checked);" style="vertical-align:middle;" title="Select/Unselect all rows on the page"></input>
                 </HeaderTemplate>
                 <HeaderStyle Paddings-PaddingTop="1" Paddings-PaddingBottom="1" HorizontalAlign="Right">
<Paddings PaddingTop="1px" PaddingBottom="1px"></Paddings>
                    </HeaderStyle>
                  
                    <EditButton  Text="编辑" Visible="True">
                    </EditButton>
                    <NewButton  Text="新增" Visible="True">
                    </NewButton>
                    
                 <%--    <DeleteButton Visible="True">
                    </DeleteButton>--%>
                    
            <CustomButtons>
                <dxwgv:GridViewCommandColumnCustomButton Text="删除" ID="del">
                </dxwgv:GridViewCommandColumnCustomButton>
             </CustomButtons>
            
                    <ClearFilterButton Visible="True">
                    </ClearFilterButton>
                </dxwgv:GridViewCommandColumn>
                <dxwgv:GridViewDataTextColumn VisibleIndex="1" Caption="用户组名称" 
                    FieldName="UserGroupName">
                </dxwgv:GridViewDataTextColumn>
                <dxwgv:GridViewDataTextColumn Caption="用户组描述" FieldName="UserGroupDesc" 
                    VisibleIndex="2">
                </dxwgv:GridViewDataTextColumn>
                <dxwgv:GridViewDataCheckColumn Caption="禁用" FieldName="IsDeleted" 
                    VisibleIndex="3">
                </dxwgv:GridViewDataCheckColumn>
            </Columns>
            <Settings ShowFilterRow="True" ShowGroupPanel="True" />
        </dxwgv:ASPxGridView><br />
                            <dxpc:ASPxPopupControl ID="ASPxPopupControl1" runat="server" 
                                ClientInstanceName="popupControl" HeaderText="" ShowCloseButton="False" 
                                ShowHeader="False" CloseAction="None" Modal="True" PopupAction="None" 
                                PopupElementID="gvUserGroup" PopupHorizontalAlign="WindowCenter" 
                                PopupVerticalAlign="WindowCenter" 
        ShowShadow="False" ShowSizeGrip="False" Height="144px" Width="300px">
                                <ContentStyle HorizontalAlign="Center" VerticalAlign="Middle">
                                </ContentStyle>
    <ClientSideEvents Init="popupControl_Init" />
    <ContentCollection>
        <dxpc:PopupControlContentControl ID="PopupControlContentControl1" runat="server">           
                            <uc2:ucDeleteConfirmation ID="ucDeleteConfirmation1" runat="server" />
        </dxpc:PopupControlContentControl>
    </ContentCollection>
                                <Border BorderWidth="0px" />
</dxpc:ASPxPopupControl> 
                            &nbsp;&nbsp;&nbsp; 
</asp:Content>

后台设置为透明显示

  if (!IsPostBack)
            {
                ASPxPopupControl1.BackColor = System.Drawing.Color.Transparent;
            }