一、简介
等级选择控件Rating提供了一种全新的方式来进行等级选择,在以往的web上我们只能通过使用特殊字符“☆”来表达等级,有了等级选择控件Rating我们有一种直观的等级选择控件。如图<shapetype id="_x0000_t75" stroked="f" filled="f" path="m@4@5l@4@11@9@11@9@5xe" o:preferrelative="t" o:spt="75" coordsize="21600,21600"><stroke joinstyle="miter"></stroke><formulas><f eqn="if lineDrawn pixelLineWidth 0"></f><f eqn="sum @0 1 0"></f><f eqn="sum 0 0 @1"></f><f eqn="prod @2 1 2"></f><f eqn="prod @3 21600 pixelWidth"></f><f eqn="prod @3 21600 pixelHeight"></f><f eqn="sum @0 0 1"></f><f eqn="prod @6 1 2"></f><f eqn="prod @7 21600 pixelWidth"></f><f eqn="sum @8 21600 0"></f><f eqn="prod @7 21600 pixelHeight"></f><f eqn="sum @10 21600 0"></f></formulas><path o:connecttype="rect" gradientshapeok="t" o:extrusionok="f"></path><lock aspectratio="t" v:ext="edit"></lock></shapetype><shape id="图片_x0020_0" style="VISIBILITY: visible; WIDTH: 51.75pt; HEIGHT: 18.75pt; mso-wrap-style: square" type="#_x0000_t75" alt="rating.GIF" o:spid="_x0000_i1025"><imagedata o:title="rating" src="file:///C:%5CDOCUME~1%5Cdonghao%5CLOCALS~1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_image001.gif"></imagedata></shape>。只要鼠标点击“☆”图标就表示您选择的等级是几级。
等级选择控件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