AJAXRating星星评级控件使用方法在线评级 ratingbar 自定义星星

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

具体使用办法:

1、制作以下三种星星的图片文件,从左到右分别名为emptyStar.png, waitingStar.png,filledStar.png

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

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

<styletype="text/css">
.RatingStar
{
font-size:0pt;
width:14px;
height:14px;
margin:0px;
padding:0px;
cursor:pointer;
display:block;
background-repeat:no-repeat;
}
.filledRatingStar
{
background-image:url(images/filledStar.png);
}
.emptyRatingStar
{
background-image:url(images/emptyStar.png);
}
.waitingRatingStar
{
background-image:url(images/waitingStar.png);
}

</style>

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

<div>
<asp:ScriptManager ID="ScriptManager1"runat="server" />
进行投票:
<cc1:Rating ID="Rating1" runat="server"EmptyStarCssClass="emptyRatingStar"
FilledStarCssClass="filledRatingStar"StarCssClass="RatingStar"
WaitingStarCssClass="waitin gRatingStar" CurrentRating="2"
>
</cc1:Rating><br/>
<asp:Button ID="Button1" runat="server" Text="提交"onclick="Button1_Click" />
<br />
<asp:Label ID="Label1"runat="server"></asp:Label>

</div>

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

protectedvoid Button1_Click(object sender, EventArgs e)
{
Label1.Text = "你的投票为:" + Rating1.CurrentRating.ToString() +"星";
AJAXRating星星评级控件使用方法在线评级 ratingbar 自定义星星
}

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

说明:

1、为便于文章说明,本文中的CSS文件是写在.aspx文件内的格式,实际应用时,建议写入单独的CSS文件中,使用link或者import方式在.aspx文件中调入

2、实际应用时将Rating控件的CurrentRating值与相应数据表字段值进行绑定,即可。


  

爱华网本文地址 » http://www.aihuau.com/a/25101015/265077.html

更多阅读

MFC中进度条控件的使用方法 mfc进度条控件使用

MFC中进度条控件的使用方法——简介进度条控件是程序开发中基础控件之一,常用于显示程序的进度。在进行程序安装、文件传输时经常用到。其用法也比较简单固定。今天就和大家分享一下其简单的使用方法吧。^_^MFC中进度条控件的使用方

WIN7系统附带的写字板软件的使用方法 w2013xp系统写字板

WIN7系统附带的写字板软件的使用方法——简介 WIN7系统自带的写字板是一个功能强大的文字处理程序,用户可以利用它进行日常工作中文件的编辑。还可以图文混排,插入图片、声音、视频剪辑等多媒体资料。如果我们的电脑中还没有安装micro

Telerik控件使用 telerik 控件

Telerik控件使用——简介Telerik控件真的很强大,推荐大家使用Telerik控件使用——方法/步骤Telerik控件使用 1、RadGrid添加序号列

怎样使用C#的月历MonthCalendar 控件 c panel控件的使用

怎样使用C#的月历【MonthCalendar】控件——简介 C#中的日历控件【MonthCalendar】是比较常用的一个控件,可以让用户对日期进行快速的查看和设置、也可以选择一段所需要的日期时间段。 下面介绍一下几种日历控件常用的使用方法。怎

如何使用C#TextBox控件 textboxdropdown控件

如何使用C#TextBox控件——简介在c#中TextBox控件做为最重要的控件,必须要下功夫吃透,学通。下面我给大家说说TextBox控件的三个重要属性如何使用C#TextBox控件——方法/步骤

声明:《AJAXRating星星评级控件使用方法在线评级 ratingbar 自定义星星》为网友孤酒对饮分享!如侵犯到您的合法权益请联系我们删除