您的位置：首页 > 其它

AjaxControlToolKit里的ConfirmButtonExtender控件的简单学习（包学包会哦）

2010-03-27 09:11 501 查看
呵呵，标题算是做了下广告。

不过我想，这个例子你一定能学会的。当然拉，你不明白的地方欢迎指出哦，如果我懂的话，一定鼎力相助。

俗语有云：功欲善其事，必先利其器。而想使用AjaxControlTookit也一样。必须下载一个AjaxControlToolkit包，而包里面的AjaxControlToolkit.dll则是我们编程所需要的一个引用。此dll文件里包含了很多丰富的扩展控件。

当然拉，你想看看AjaxControltoolkit(工具包)安装步骤说明,我可以推荐看看此文章（http://www.cnblogs.com/chenkai/archive/2010/02/03/1662873.html），个人感觉里面介绍得比较详细。所下载的两个包文件，一个是msi安装文件，你安装了此文件之后，则可以在新建网站里看到有ASP.NET AJAX-Enalbed Web Site的安装模板。因为安装模板里面的扩展文件太有限了，所以我们还需要下载另一个文件，另一个文件有两种版本，一个版本是带有源代码和实现用法的文件，另一个则是没有的。但是两个版本的核心文件都是AjaxControlToolkit.dll文件。

好拉，口水也吐了不少了。现在就来今天的学习吧。

当然拉，我这里是确定了你已安装了msi文件，也就是你已经具备ASP.NET AJAX-Enalbed Web Site的安装模了。不想的话，问题也不大，只是默认的文件要再加个控件，而且配置文件需要加些内容。为了避免无谓的功夫，我还是建议大家都安装上吧。

打开vs，新建安装模板为ASP.NET AJAX-Enalbed Web Site的网站后，还不能使用到更丰富的扩展控件。因为模板文件里面的控件只是五个而已。想使用更多，则需要打开工具箱，右键工具箱空白区，选中添加选项卡，接着给选项卡命名，可以命名为Ajax Entender，在弹出的对话框中，在.NetFramework组件中点击浏览按钮，添加AjaxControlToolkit.dll文件。

好拉，现在看看你的工具箱里的Ajax Entender选项卡里面是不是多了很多的扩展控件了。

好拉，讲了这么么多，开始进入今天的主题了。

当你已经创建了一个为ASP.NET AJAX-Enalbed Web Site的网站之后，里面的默认文件Default.aspx文件的源文件你可以设置如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
        <div>
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            <br />
            <asp:Label ID="Label1" runat="server" Text="Label" Width="160px"></asp:Label><br />
            <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
            <cc1:ConfirmButtonExtender ID="ConfirmButtonExtender1" runat="server" TargetControlID="Button1" ConfirmText="Are you sure?">
            </cc1:ConfirmButtonExtender>
        </div>
    </form>
</body>
</html>


而Default.aspx.cs文件为：

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class _Default : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e)
    {
    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        this.Label1.Text = this.TextBox1.Text;
    }
}


由于你已经使用的是模板安装文件来创建的，所以呢，你就不需要再去理会Web.config配置文件。直接运行就OK了。不过可能因为你是复制我的源代码，所以你还需要比我多做一步，那就是添加一个AjaxControlToolkit.dll引用到网站的Bin目录里。到此源代码部分就结束了。

源代码是结束，现在来看看源代码的知识点。

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>这是在Default.aspx里面注册AjaxControlToolkit控件，而

<cc1:ConfirmButtonExtender ID="ConfirmButtonExtender1" runat="server" TargetControlID="Button1" ConfirmText="Are you sure?">
            </cc1:ConfirmButtonExtender>


则是指出使用什么控件，以及使用控件的位置，当然包括扩展的是什么控件了，而上面则是扩展了按钮控件。其中TargetControlID所指的就是扩展对象的ID值了。

由于第一次涉及，想讲深层次一点，自己也是力不从心。但是我可以推荐你们来看看此处，这个事例则是出于此视频的哦

http://msdn.microsoft.com/zh-cn/bb629407.aspx#ajax

至此，第一篇ASP.NET AJAX的学习至此结束。谢谢大家的学习！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航