第10章 信（湖南工程）程序设计ASP.NET AJAX.ppt

【案例10.6】AJAX实现弹出式日历 新建网页Default.aspx 设置网页标题为“AJAX实现弹出式日历”，在页面首先添加一个ScriptManger控件，再添加一个TextBox控件，然后添加一个PopupControlExtender控件，最后添加一个UpdatePanel控件，并在其中添加一个Calendar控件。 ScriptManger控件用于管理页面中的AJAX控件 PopupControlExtender控件用于控制弹出的Calendar控件 UpdatePanel控件用于实现局部更新 PopupControlExtender控件的属性设置如下所示： cc1:PopupControlExtender ID=PopupControlExtender1 runat=server TargetControlID=TextBox1 PopupControlID=UpdatePanel1/cc1:PopupControlExtender TargetControlID表示使用该控件的控件ID值 PopupControlID表示弹出控件的ID值。 * 【案例10.6】AJAX实现弹出式日历 在Calendar控件中选择日期后，需要将日期添加到TextBox控件。 * 10.3.3 通过五角星显示好评等级 通过五角星来显示好评等级，这种提供直觉化的鼠标操作非常人性化。可以通过Ajax Control Toolkit控件包中的评级控件Rating来进行评级。Rating控件使用星星个数的多少来表示等级的高低。可以指定初始的评级等级、要评定的最高等级、等级排列方式是水平还是垂直方向等。 【案例10.7】通过五角星显示好评等级。 新建一个空网站，在网站根文件夹下新建一个images文件夹，把三个五角星的图片放入其中。三个五角星图片分别是默认、鼠标按下及已选定三种状态下的图片。 引用控件包文件Ajax Control Toolkit.dll。具体步骤同案例10.6。 * 【案例10.7】通过五角星显示好评等级 新建网页Default.aspx，在页面首先添加一个ScriptManger控件，再添加一个Rating控件，然后添加一个Label控件。 ScriptManger控件用于管理页面中的AJAX控件 Rating控件用于评定等级 Label控件用于显示评级结果。 CSS文件设计： Rating控件有4个重要的属性： StarCssClass：初始时Star的样式 Waiting StarCssClass：处于等待状态的Star样式 Filled StarCssClass：处于Filled模式的Star样式 Empty StarCssClass：处于空模式的Star样式。 Rating控件的属性设置： CurrentRating表示当前等级，StarCssClass、Waiting StarCssClass、Filled StarCssClass和Empty StarCssClass分别指定初始时Star的样式、处于等待状态的Star样式、处于Filled模式的Star样式和处于空模式的Star样式。 * 【案例10.7】通过五角星显示好评等级 当等级改变时触发Rating1_Changed事件，在该事件中通过e.Value获取五角星的个数。 * 10.3.4 AJAX实现有哪些信誉好的足球投注网站框智能提示 现在上网一般都会用百度或者谷歌有哪些信誉好的足球投注网站信息，当用户在输入框里输入一两个字后，就会自动提示用户想要的信息由用户进行选择。这种有哪些信誉好的足球投注网站框智能提示功能可以用Ajax Control Toolkit控件包里的AutoCompleteExtender控件来实现。 AutoCompleteExtender控件也叫自动完成控件，常用于在文本框输入有哪些信誉好的足球投注网站关键字的时候自动显示数据库中的现有数据，需要用到Webservice。 AutoCompleteExtender控件的主要属性如下所示： 1) CompletionInterval：多长时间后去调用服务获取数据，单位是毫秒。 2) TargetControlID：寄宿到哪个控件上。 3) ServicePath：Web服务文件。 4) ServiceMethod：返回数据的函数。 5) MinimumPrefixLength：最少需要录入的长度。 * 【案例10.8】AJAX实现有哪些信誉好的足球投注网站框智能提示 新建一个空网站，引用控件包文件Ajax Control Toolkit.dll。具体步骤同案例10.6。 在Web.config文件的configuration节中加入如下代码： connectionStrings add name=constr connectionString=Serv