来自 计算机前端 2019-10-25 19:07 的文章
当前位置: 美高梅4858官方网站 > 计算机前端 > 正文

AjaxToolKit之Rating控件的使用方法

以上正是本文的全体内容,希望对咱们的读书抱有助于,也期望大家多都赐教脚本之家。

以下是运营时的意义:

预备干活搞好未来,在工程中新建八个Web页面,将控件放到页面上,注意有所的Ajax控件都亟待ScriptManager控件的扶植,该控件担当在客商端注册需求的台本。所以在加多Rating控件此前,先确定保障页面上有且独有贰个ScriptManager控件。上面是aspx文件的代码示例。

.ratingStar 
{ 
 font-size: 0pt; 
 width: 13px; 
 height: 12px; 
 margin: 0px; 
 padding: 0px; 
 cursor: pointer; 
 display: block; 
 background-repeat: no-repeat; 
} 

.waitingRatingStar /*normal mode empty style*/ 
{ 
 background-image: url(Rating_default.gif); 
} 

.filledRatingStar /*normal mode filled style*/ 
{ 
 background-image: url(Rating_normal.gif); 
} 

.emptyRatingStar /*readonly mode empty style*/ 
{ 
 background-image: url(Rating_empty.gif); 
}

图片 1

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="iFrameUpload.WebForm1" %> 

<%@ Register Assembly="AjaxControlToolkit, Version=3.0.20820.0, Culture=neutral, PublicKeyToken=28f01b0e84b6d53e" 
 Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
 <title>Untitled Page</title> 
 <link href="css/style.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
 <form id="form1" runat="server"> 
 <div> 
 <asp:ScriptManager ID="ScriptManager1" runat="server"> 
 </asp:ScriptManager> 
 <ajaxToolkit:Rating ID="RatingRate" BehaviorID="RatingRate1" MaxRating="5" CurrentRating="3" 
  runat="server" StarCssClass="ratingStar" WaitingStarCssClass="waitingRatingStar" 
  FilledStarCssClass="filledRatingStar" EmptyStarCssClass="emptyRatingStar" 
  OnChanged="RatingRate_Changed" AutoPostBack="false"> 
 </ajaxToolkit:Rating> 

 <script type="text/javascript"> 
   Sys.Application.add_load( 
   function() { 
    $find("RatingRate1").add_EndClientCallback( 
    function(sender, e) { 
     var result = e.get_CallbackResult(); 
     alert(result); 
    } 
    ); 
   } 
   ); 
 </script> 

 </div> 
 </form> 
</body> 
</html>

你大概感兴趣的稿子:

  • AjaxControlToolKitCalendarExtender(日历扩张控件)的运用办法
  • asp.net AjaxControlToolKit--TabContainer控件的介绍
  • jQuery插件-jRating评分插件源码解析及利用办法
  • ajaxToolkit:ModalPopupExtender演示及实现代码
  • ajaxToolkit:CalendarExtender演示与贯彻代码
  • ajaxToolkit:Text博克斯WatermarkExtender演示与贯彻代码
  • ajaxToolkit:PhaetonionPane演示与利用实例
  • jquery插件star-rating.js达成星级评分特效
  • Android控件之RatingBar自定义星级评分样式
  • Android App中接收RatingBar完结星级打分功用的学科

AjaxToolKit中的Rating控件是微软Ajax控件库中极其用来拍卖网页评分(或投票)成效的控件,它本人帮助网页无刷新效能,在运用的时候大可不必定会将它放在UpdatePanel控件里,而只要求将它的AutoPostBack属性设为False就可以。该控件使用起来比较轻易,况兼还足以设置各类不一致的机能,以致自定义函数回调等。下边是应用时候的一个截图

图片 2

图片 3

3. 在意,即使您在上述对话框中从未找到关于AjaxControlToolkit的控件,则必要协和钦赐AjaxControlToolkit.dll程序集的路线。读者若无找到该文件的话这里方便给大家提供一个下载。  AjaxControlToolkit.dll .rar)
4. 增添好控件后,在工具箱中就能够像正规的ASP.NET控件同样采纳Rating控件了。

接下去是cs文件的代码。 

protected void RatingRate_Changed(object sender, AjaxControlToolkit.RatingEventArgs e) 
{ 
 System.Threading.Thread.Sleep(300); 
 //TODO: Save e.Value to database. 
 e.CallbackResult = "success"; 
}

先说一下常用属性的功效:
 ID:其一本来不用说了,大家都精通,全部的控件都会有三个劳务器端的ID。 
BehaviorID:透过Ajax顾客端获取控件对象时所要使用的ID,那些在装置回调函数时通过$Find方法进行寻找。
MaxRating:控件当前最大值。该值在UI上直接显示了“星形”图标的个数。 
CurrentRating:眼下值,即控件当前所出示的值。该值在UI上直接显示了被点亮的“星形”Logo的数码。注意该值的约束在0-马克斯Rating之间(包罗0和马克斯Rating)。 
runat:挂号控件为服务器端行为,必须设置该值。 
StarCssClass:“星形”Logo的体制。必需钦命。
 WaitingStarCssClass:当管理客商端响适那时候候,控件与服务器进行交互时期处于等候景况时“星形”Logo的体裁。必需钦点。
FilledStarCssClass:当“星形”Logo被点亮时的样式。必得内定。 
EmptyStarCssClass:当“星形”图标未被点亮时的样式。必需指定。 
CssClass:Rating控件的完好样式。需求时钦定。 
OnChanged:用来拍卖客户点击“星形”Logo后的响应事件。该事件在劳动器端管理。 
AutoPostBack:设置控件是或不是自动回传。平时情状下设置该值为False。 
ReadOnly:控件的只读状态,处于只读状态下的Rating无法被客户点击,可感觉只读状态的Rating设置独立的体制。
上面来走访如何运用。 
预备职业: 
**1. 保障工程中正确引用了AjaxControlToolkit.dll程序集。该程序集在Visual Studio二零零七中为beta版本,供给团结去微软的官方网站下载安装包,Visual Studio二〇〇九中已经随IDE自动安装了,能够一向动用。 

  1. 在Visual Studio二〇一〇中,该控件未有被自动增多到工具箱中,必要手动增添到工具箱,然后拖放到页面上。你能够在Visual Studio中张开工具箱浮动面板,选用贰个空荡荡的Tab(如General Tab),点击右键,选取“接纳项…”,在弹出的对话框中找到AjaxControlToolkit程序聚集相应的控件**,如下图。

上面顺便给出css样式和示范图片下载,读者能够友善去品味一下!注意Rating的当前值是无法被顾客点击的,如开端化时Rating的CurrentRating值为3,则客户点击第多个“星形”Logo则不会触发点击事件,其余正是Rating能够被客户一再点击,你能够在服务端进行拍卖,如当客户点击之后将控件设为只读状态等。 

图片 4

不会细小略,首先让线程结束300ms,那样大家得以一时光拜访处于等候状态的Rating控件的样式。然后能够去管理数据保存(举个例子将Rating的一时值保存到数据库等),注意客户所选的值是透过e.Value属性得到的,该属性为字符串类型。然后经过e.CallbackResult属性传递二个回调值到客商端,客商端获得该值后举行对应的管理。

Rating控件的相干部家属性和事件都早就加多了,这里说一下本子的意义。通过Sys.Application.add_load方法在页面全体加载成功后给Rating控件注册二个回调方法,通过$find(“RatingRate1”).add_EndClientCallback方法开展注册,用于吸收接纳服务端传递回来的值。这么些本子都以行业内部的Ajax框架提供的,这里就不做太多解释了,读者能够去查看微软的MSDN,下边有很详细的牵线。

本文由美高梅4858官方网站发布于计算机前端,转载请注明出处:AjaxToolKit之Rating控件的使用方法

关键词: