altas(ajax)控件(八)：ConfirmButton确认对话框

 

确认对话框使用非常的广泛，比如：删除时，确认是否删除

看看我们之前是怎么做的

前台html代码:

function Button1_onclick() ...{
    if(confirm("是否将此留言信息删除?"))
    ...{ 
       return true; 
    }else return false; 
}

 

<input id="Button1" runat="server" onclick="return Button1_onclick()" type="button"
            value="删除" onserverclick="Button1_ServerClick" />

 

后台cs代码

 

    protected void Button1_ServerClick(object sender, EventArgs e)
    ...{
        //写删除代码
    }

 

 

 

使用altas(ajax)控件ConfirmButton的做法：

前台代码：

<script type='text/javascript'>
    function cancelClick() ...{
        var label = $get('ctl00_SampleContent_Label1');
        label.innerHTML = '您已经取消了删除命令，时间： ' + (new Date()).localeFormat("T") + '.';
    }
</script>

 

<asp:Button ID="Button" runat="server" Text="删除" OnClick="Button_Click" />
 <ajaxToolkit:ConfirmButtonExtender ID="ConfirmButtonExtender1" runat="server" 
                        TargetControlID="Button"
                        ConfirmText="您确实要删除该条信息吗?" 
                        OnClientCancel="cancelClick" />

 

 

后台代码：

  protected void Button_Click(object sender, EventArgs e)
  ...{
        //写删除代码
  }

 

ConfirmButton控件的说明：

<ajaxToolkit:ConfirmButtonExtender ID="cbe" runat="server"
    TargetControlID="LinkButton1" 
    ConfirmText="确认删除?" 
    OnClientCancel="CancelClick" />

 

 

 

 

·                  TargetControlID - 该属性指定一个控件（LinkButton、Button等），点击是出现确认对话框

·                  ConfirmText - 确认对话框显示的提示文字(注: 可以使用html代码(如: "&#10;" 表示换行))

·                  OnClientCancel –取消时，执行的js函数。

·                  ConfirmOnFormSubmit - 直到页面被提交之前才弹出:换句话说就是等页面上的验证全部通过的时候才弹出这个对话框

 

效果地址：http://www.asp.net/AJAX/Control-Toolkit/Live/ConfirmButton/ConfirmButton.aspx