现在的位置: 首页 > 综合 > 正文

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

2013年12月08日 ⁄ 综合 ⁄ 共 1586字 ⁄ 字号 评论关闭
 

确认对话框使用非常的广泛,比如:删除时,确认是否删除
看看我们之前是怎么做的
前台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 - 该属性指定一个控件LinkButtonButton),点击是出现确认对话框
·                  ConfirmText - 确认对话框显示的提示文字(注: 可以使用html代码(如: "&#10;" 表示换行))
·                  OnClientCancel取消时,执行的js函数。
·                  ConfirmOnFormSubmit - 直到页面被提交之前才弹出:换句话说就是等页面上的验证全部通过的时候才弹出这个对话框
 
效果地址:http://www.asp.net/AJAX/Control-Toolkit/Live/ConfirmButton/ConfirmButton.aspx

抱歉!评论已关闭.