首页 .NET/Web AJAX Rating星星评级控件使用方法及属性说明

AJAX Rating星星评级控件使用方法及属性说明

作者:胡同里的砖头 围观群众:1402 更新于:2013-12-19

常用属性 说明
AutoPostBack 默认为false,如果设置为 True 用户改变 Rating 的状态的时候将触发提交事件
CurrentRating 当前值 (可以设定初始选中的值)
MaxRating 最大值(缺省值为5)
ReadOnly 只读
StarCssClass 表示“星级”的 Css 样式
WaitingStarCssClass 用户改变星星评级,数据等待上传时显示的 Css 样式
FilledStarCssClass 被“选中”时显示的 Css 样式,即用户评级“填充”的样式
EmptyStarCssClass 当没有被“选中”时显示的 Css 样式,即空星星样式
RatingAlign 布局方向(水平或垂直排列),缺省为水平方向
RatingDirection 评级增长方向,缺省为从左到右方向星级增长
OnChanged 当状态被改变的时候触发的服务器端事件,用于编程

 

具体使用办法:

1、制作以下三种星星的图片文件,

将以上三个图片文件放入适当的目录内,本例放在images目录内

2、编写下面的CSS代码,这是使用Rating控件最重要的部分:

 <style type="text/css">
       

.empty
{ background:url(../images/empty.gif); width:19px; height:18px}

.full
{ background:url(../images/full.gif); width:19px; height:18px}

 </style>
   

3、加入Rating控件,注意在Rating前边要加ScriptManager控件,属性设置如下(可以根据你自己的需要灵活设定)

    <cc1:Rating ID="Rating1" runat="server" EmptyStarCssClass="empty" FilledStarCssClass="full" StarCssClass="empty" CurrentRating="3" WaitingStarCssClass="full">
            </cc1:Rating> 

4、“提交”按钮的代码如下:

    protected void Button1_Click(object sender, EventArgs e)
    {
        Label1.Text = "你的投票为:" + Rating1.CurrentRating.ToString() + "星";
    }

 

运行以上代码,用户选定评定的星级(假如为4级),点击“提交”按钮,结果如下图

  • 本文标题: AJAX Rating星星评级控件使用方法及属性说明
  • 文章分类:【.NET/Web】
  • 非特殊说明,本文版权归【胡同里的砖头】个人博客 所有,转载请注明出处.
留言评论
站点声明:
1、本站【胡同里的砖头】个人博客,借鉴网上一些博客模板,取其各优点模块自行拼装开发,本博客开发纯属个人爱好。
2、所有笔记提供给广大用户交流使用,可转载,可复制,纯个人开发所遇问题锦集记录使用
Copyright © huzlblog.com All Rights Reserved. 备案号:苏ICP备2021056683号-8