zoukankan      html  css  js  c++  java
  • 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

     
  • 相关阅读:
    08-12 NOIP模拟测试18
    08-09 NOIP模拟测试15
    08-11 NOIP模拟测试17
    08-10 NOIP模拟测试16
    08-07 NOIP模拟测试14
    08-03 NOIP模拟测试12
    [SDOI2011]拦截导弹
    08-01 NOIP模拟测试11
    零散知识点
    07-29 NOIP模拟测试10
  • 原文地址:https://www.cnblogs.com/hainange/p/6153312.html
Copyright © 2011-2022 走看看