一、 简介
等级选择控件Rating提供了一种全新的方式来进行等级选择,在以往的web上我们只能通过使用特殊字符“☆”来表达等级,有了等级选择控件Rating我们有一种直观的等级选择控件。如图
等级选择控件Rating允许程序员设置:1.等级的最大值;2.等级控件的排列顺序(垂直|水平);3. 自定义“☆”表示的级别的状态。。
等级选择控件Rating还会在用户选择Rating后触发服务端事件OnChanged ,但该事件是基础ajax的。
二、 属性说明
属性 |
说明 |
AutoPostBack |
是否回传 |
CurrentRating |
初始控件的值 |
MaxRating |
最大值 |
ReadOnly |
是否只读 |
StarCssClass |
“☆”的css |
WaitingStarCssClass |
“☆”的等待时的css |
FilledStarCssClass |
“☆”的选中时的css |
EmptyStarCssClass |
“☆”的没选中时的css |
RatingAlign |
“☆”的排列方式 (垂直 or 水平) |
RatingDirection |
控件选中“☆”后的显示方式(从左到右_从上到下) or从右到左_从下到上) |
OnChanged |
控件rating改变时触发OnChanged事件(该事件是基础ajax的) |
Tag |
OnChanged的一个参数 |
三、 实例
<ajaxToolkit:Rating ID="ThaiRating" runat="server" BehaviorID="RatingBehavior1"
CurrentRating="2"
MaxRating="5"
StarCssClass="ratingStar"
WaitingStarCssClass="savedRatingStar"
FilledStarCssClass="filledRatingStar"
EmptyStarCssClass="emptyRatingStar"
OnChanged="ThaiRating_Changed"
style="float: left;" />
服务端取得当前等级:
ThaiRating.CurrentRating 返回目前是几个“☆”
ThaiRating_Changed事件
protected void ThaiRating_Changed(object sender, RatingEventArgs e)
{
e.CallbackResult = "Update done. Value = " + e.Value + " Tag = " + e.Tag;
}
控件demo地址:
http://www.asp.net/AJAX/AjaxControlToolkit/Samples/Rating/Rating.aspx