altas(ajax)控件(二十三)：等级选择控件Rating

一、      简介
     等级选择控件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

 

转载于:https://www.cnblogs.com/hainange/archive/2008/01/03/6153312.html