AjaxTool基特中的Rating控件是微软Ajax控件库中特别用来管理网页评分(或投票)成效的控件,它自个儿帮衬网页无刷新职能,在使用的时候完全没要求将它坐落UpdatePanel控件里,而只需求将它的AutoPostBack属性设为False就能够。该控件使用起来极其轻易,而且还足以安装种种分化的效益,以及自定义函数回调等。上面是使用时候的多少个截图

    先说一下常用属性的作用

        <script type=”text/javascript”>
                    Sys.Application.add_load(
                        function() {
                            $find(“RatingRate1”).add_EndClientCallback(
                               function(sender, e) {
                                   var result =
e.get_CallbackResult();
                                   alert(result);
                               }
                            );
                        }
                    );
        </script>

先说一下常用属性的职能:
 ID:以此当然不用说了,大家都知情,全部的控件都会有叁个服务器端的ID。 
BehaviorID:由此Ajax客户端获取控件对象时所要使用的ID,这么些在设置回调函数时经过$Find方法开始展览搜寻。
MaxRating:控件当前最大值。该值在UI上一直反映了“星形”Logo的个数。 
CurrentRating:当前值,即控件当前所展现的值。该值在UI上直接彰显了被点亮的“星形”Logo的多寡。注意该值的界定在0-MaxRating之间(包括0和马克斯Rating)。 
runat:挂号控件为服务器端行为,必须安装该值。 
StarCssClass:“星形”图标的体制。必须钦命。
 WaitingStarCssClass:当处理客户端响应时,控件与服务器举办交互时期处于等候境况时“星形”Logo的体裁。必须钦定。
FilledStarCssClass:当“星形”Logo被点亮时的样式。必须钦命。 
EmptyStarCssClass:当“星形”Logo未被点亮时的样式。必须钦定。 
CssClass:Rating控件的总体样式。需求时钦赐。 
OnChanged:用于拍卖用户点击“星形”Logo后的响应事件。该事件在服务器端管理。 
AutoPostBack:安装控件是不是自动回传。一般景观下设置该值为False。 
ReadOnly:控件的只读状态,处于只读状态下的Rating不能够被用户点击,可以为只读状态的Rating设置单独的样式。
上边来探视怎样行使。 
常备不懈干活: 
**1. 保险工程中准确引用了AjaxControlToolkit.dll程序集。该程序集在Visual
Studio200第55中学为beta版本,需求协调去微软的官方网站下载安装包,Visual
Studio二〇〇八中早就随IDE自动安装了,能够一贯动用。 

肆.
加多好控件后,在工具箱中就足以像专门的学问的ASP.NET控件同样采纳Rating控件了。

<%@ Page
Language=”C#”
AutoEventWireup=”true”
CodeBehind=”WebForm1.aspx.cs” Inherits=”iFrameUpload.WebForm1″ %>

如上就是本文的全体内容,希望对大家的就学抱有帮忙,也愿意大家多多援救脚本之家。

OnChanged:用于拍卖用户点击“星形”Logo后的响应事件。该事件在劳务器端管理。

必发娱乐官方网站 1   
先说一下常用属性的效用

必发娱乐官方网站 2

AjaxTool基特中的Rating控件是微软Ajax控件库中特地用来拍卖网页评分(或投票)功能的控件,它自身帮助网页无刷新作用,在动用的时候大可不必将它坐落UpdatePanel控件里,而只必要将它的AutoPostBack属性设为False就能够。该控件使用起来特别简单,而且还足以设置各类分歧的作用,以及自定义函数回调等。上面是选拔时候的二个截图。

必发娱乐官方网站 3三.
在意,若是你在上述对话框中并未有找到有关AjaxControlToolkit的控件,则须求和谐内定AjaxControlToolkit.dll程序集的门径。读者即便没有找到该公文的话小编那边方便给我们提供一个下载。

protected void RatingRate_Changed(object sender, AjaxControlToolkit.RatingEventArgs e) 
{ 
 System.Threading.Thread.Sleep(300); 
 //TODO: Save e.Value to database. 
 e.CallbackResult = "success"; 
}

    接下去是cs文件的代码。

必发娱乐官方网站 4     
策动专门的工作搞好以往,在工程中新建三个Web页面,将控件放到页面上,注意有所的Ajax控件都急需ScriptManager控件的辅助,该控件担负在客户端注册供给的本子。所以在增添Rating控件从前,先保险页面上有且仅有三个ScriptManager控件。下边是aspx文件的代码示例。

必发娱乐官方网站 5

FilledStarCssClass:当“星形”图标被点亮时的样式。必须内定。

StarCssClass:“星形”Logo的样式。必须钦命。

上边顺便给出css样式和演示图片下载,读者能够团结去尝试一下!注意Rating的脚下值是无法被用户点击的,如起头化时Rating的CurrentRating值为叁,则用户点击第十三个“星形”图标则不会触发点击事件,别的正是Rating能够被用户反复点击,你能够在服务端举行拍卖,如当用户点击之后将控件设为只读状态等。 

StarCssClass:“星形”Logo的体裁。必须钦定。

EmptyStarCssClass:当“星形”Logo未被点亮时的体裁。必须指定。

接下去是cs文件的代码。 

BehaviorID:通过Ajax客户端获取控件对象时所要使用的ID,那一个在装置回调函数时通过$Find方法开始展览搜寻。

WaitingStarCssClass:当管理客户端响应时,控件与服务器举行交互时期处于等候状态时“星形”Logo的体裁。必须钦赐。

安不忘虞工作抓牢未来,在工程中新建三个Web页面,将控件放到页面上,注意有所的Ajax控件都供给ScriptManager控件的接济,该控件担当在客户端注册供给的台本。所以在增多Rating控件在此之前,先保障页面上有且仅有3个ScriptManager控件。下边是aspx文件的代码示例。

ReadOnly:控件的只读状态,处于只读状态下的Rating无法被用户点击,可以为只读状态的Rating设置独立的样式。

必发娱乐官方网站 6

以下是运作时的效率:

CurrentRating:当前值,即控件当前所出示的值。该值在UI上平素反映了被点亮的“星形”Logo的数额。注意该值的限定在0-马克斯Rating之间(包罗0和马克斯Rating)。

BehaviorID:通过Ajax客户端获取控件对象时所要使用的ID,这么些在安装回调函数时经过$Find方法进行找出。

三.
只顾,即使你在上述对话框中未有找到有关AjaxControlToolkit的控件,则要求团结钦定AjaxControlToolkit.dll程序集的门径。读者假设未有找到该公文的话这里方便给大家提供二个下载。
 AjaxControlToolkit.dll .rar)
4.
增多好控件后,在工具箱中就能够像正规的ASP.NET控件同样接纳Rating控件了。

    
Rating控件的连锁属性和事件都曾经增添了,这里说一下本子的意义。通过Sys.Application.add_load方法在页面全体加载成功后给Rating控件注册二个回调方法,通过$find(“RatingRate一”).add_EndClientCallback方法举行登记,用于吸收接纳服务端传递回来的值。那一个本子都以行业内部的Ajax框架提供的,这里就不做太多解释了,读者能够去查看微软的MSDN,上边有很详细的介绍。

    接下去是cs文件的代码。

很轻易,首先让线程截止300ms,那样我们得以不时光看四处于等候意况的Rating控件的体制。然后能够去管理数量保存(举例将Rating的脚下值保存到数据库等),注意用户所选的值是因此e.Value属性获得的,该属性为字符串类型。然后通过e.CallbackResult属性传递三个回调值到客户端,客户端获得该值后开始展览对应的管理。

.ratingStar {    
font-size: 0pt;    
width: 13px;    
height: 12px;    
margin: 0px;    
padding: 0px;    
cursor: pointer;    
display: block;    
background-repeat: no-repeat;}
.waitingRatingStar /*normal mode empty style*/{    
background-image: url(Rating_default.gif);}
.filledRatingStar /*normal mode filled style*/{    
background-image: url(Rating_normal.gif);}
.emptyRatingStar /*readonly mode empty style*/{    
background-image: url(Rating_empty.gif);}

.waitingRatingStar /*normal mode empty style*/
{
    background-image: url(Rating_default.gif);
}

  1. 在Visual
    Studio二零零六中,该控件没有被自动加多到工具箱中,要求手动增多到工具箱,然后拖放到页面上。你能够在Visual
    Studio中开采工具箱浮动面板,选择四个空白的Tab(如General
    Tab),点击右键,选择“采纳项…”,在弹出的对话框中找到AjaxControlToolkit程序聚焦相应的控件**,如下图。

预备工作:

CurrentRating:当前值,即控件当前所出示的值。该值在UI上直接浮现了被点亮的“星形”Logo的多少。注意该值的界定在0-马克斯Rating之间(包罗0和马克斯Rating)。

.ratingStar 
{ 
 font-size: 0pt; 
 width: 13px; 
 height: 12px; 
 margin: 0px; 
 padding: 0px; 
 cursor: pointer; 
 display: block; 
 background-repeat: no-repeat; 
} 

.waitingRatingStar /*normal mode empty style*/ 
{ 
 background-image: url(Rating_default.gif); 
} 

.filledRatingStar /*normal mode filled style*/ 
{ 
 background-image: url(Rating_normal.gif); 
} 

.emptyRatingStar /*readonly mode empty style*/ 
{ 
 background-image: url(Rating_empty.gif); 
}

     
希图干活做好今后,在工程中新建三个Web页面,将控件放到页面上,注意有所的Ajax控件都亟需ScriptManager控件的帮衬,该控件担负在客户端注册要求的本子。所以在增多Rating控件在此之前,先确认保障页面上有且仅有3个ScriptManager控件。下边是aspx文件的代码示例。

AjaxControlToolkit.dll

Rating控件的相干部家属性和事件都已经加多了,这里说一下本子的含义。通过Sys.Application.add_load方法在页面全体加载成功后给Rating控件注册二个回调方法,通过$find(“RatingRate一”).add_EndClientCallback方法开始展览登记,用于收纳服务端传递回来的值。这一个本子都以规范的Ajax框架提供的,这里就不做太多解释了,读者能够去查看微软的MSDN,上边有很详细的牵线。

CssClass:Rating控件的1体化样式。供给时钦命。

     以下是运作时的成效。

您大概感兴趣的篇章:

  • AjaxControlToolKitCalendarExtender(日历扩大控件)的利用方法
  • asp.net
    AjaxControlToolKit–TabContainer控件的介绍
  • jQuery插件-jRating评分插件源码深入分析及运用格局
  • ajaxToolkit:ModalPopupExtender演示及贯彻代码
  • ajaxToolkit:CalendarExtender演示与实现代码
  • ajaxToolkit:TextBoxWatermarkExtender演示与落实代码
  • ajaxToolkit:LIVINAionPane演示与利用实例
  • jquery插件star-rating.js完结星级评分特效
  • Android控件之RatingBar自定义星级评分样式
  • Android
    App中动用RatingBar达成星级打分功效的教程

AjaxControlToolkit.dll

MaxRating:控件当前最大值。该值在UI上直接展现了“星形”Logo的个数。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="iFrameUpload.WebForm1" %> 

<%@ Register Assembly="AjaxControlToolkit, Version=3.0.20820.0, Culture=neutral, PublicKeyToken=28f01b0e84b6d53e" 
 Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
 <title>Untitled Page</title> 
 <link href="css/style.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
 <form id="form1" runat="server"> 
 <div> 
 <asp:ScriptManager ID="ScriptManager1" runat="server"> 
 </asp:ScriptManager> 
 <ajaxToolkit:Rating ID="RatingRate" BehaviorID="RatingRate1" MaxRating="5" CurrentRating="3" 
  runat="server" StarCssClass="ratingStar" WaitingStarCssClass="waitingRatingStar" 
  FilledStarCssClass="filledRatingStar" EmptyStarCssClass="emptyRatingStar" 
  OnChanged="RatingRate_Changed" AutoPostBack="false"> 
 </ajaxToolkit:Rating> 

 <script type="text/javascript"> 
   Sys.Application.add_load( 
   function() { 
    $find("RatingRate1").add_EndClientCallback( 
    function(sender, e) { 
     var result = e.get_CallbackResult(); 
     alert(result); 
    } 
    ); 
   } 
   ); 
 </script> 

 </div> 
 </form> 
</body> 
</html>

MaxRating:控件当前最大值。该值在UI上直接浮现了“星形”Logo的个数。

OnChanged:用于拍卖用户点击“星形”Logo后的响应事件。该事件在劳动器端处理。

必发娱乐官方网站 7

protectedvoid
RatingRate_Changed(object
sender, AjaxControlToolkit.RatingEventArgs e) {    
System.Threading.Thread.Sleep(300);    
//TODO: Save e.Value to database.    e.CallbackResult =”success”; }

未焚徙薪干活:

必发娱乐官方网站 8

EmptyStarCssClass:当“星形”Logo未被点亮时的体制。必须内定。

   
很简短,首先让线程结束300ms,那样大家能够有的时候间来看处于等候状态的Rating控件的体裁。然后能够去管理多上卿存(比如将Rating的脚下值保存到数据库等),注意用户所选的值是透过e.Value属性得到的,该属性为字符串类型。然后经过e.CallbackResult属性传递贰个回调值到客户端,客户端获得该值后伸开相应的拍卖。

ID:那一个当然不用说了,我们都知道,全体的控件都会有贰个服务器端的ID。

.filledRatingStar /*normal mode filled style*/
{
    background-image: url(Rating_normal.gif);
}

 

    
Rating控件的有关属性和事件都曾经增添了,这里说一下剧本的意义。通过Sys.Application.add_load方法在页面全体加载成功后给Rating控件注册二个回调方法,通过$find(“RatingRate一”).add_EndClientCallback方法开展登记,用于吸收接纳服务端传递回来的值。那些本子都以明媒正娶的Ajax框架提供的,这里就不做太多解释了,读者能够去查看微软的MSDN,上边有很详细的牵线。

runat:注册控件为劳动器端行为,必须安装该值。

   
上边顺便给出css样式和演示图片下载,读者可以和谐去品尝一下!注意Rating的此时此刻值是不可能被用户点击的,如发轫化时Rating的CurrentRating值为3,则用户点击第十三个“星形”Logo则不会触发点击事件,此外便是Rating能够被用户反复点击,你能够在服务端举行拍卖,如当用户点击之后将控件设为只读状态等。

   
下边顺便给出css样式和示范图片下载,读者能够和睦去品尝一下!注意Rating的此时此刻值是无法被用户点击的,如伊始化时Rating的CurrentRating值为三,则用户点击第四个“星形”Logo则不会触发点击事件,其余正是Rating能够被用户反复点击,你可以在服务端进行管理,如当用户点击之后将控件设为只读状态等。

   
AjaxToolKit中的Rating控件是微软Ajax控件库中特意用来拍卖网页评分(或投票)作用的控件,它自身支持网页无刷新职能,在动用的时候完全没要求将它坐落UpdatePanel控件里,而只供给将它的AutoPostBack属性设为False就可以。该控件使用起来特别简单,而且还足以设置种种分化的作用,以及自定义函数回调等。上面是应用时候的3个截图。

   
很轻巧,首先让线程结束300ms,那样大家得以有时光看看处于等候情状的Rating控件的体制。然后能够去管理数量保存(比如将Rating的当下值保存到数据库等),注意用户所选的值是透过e.Value属性获得的,该属性为字符串类型。然后经过e.CallbackResult属性传递3个回调值到客户端,客户端获得该值后开始展览对应的管理。

必发娱乐官方网站,四.
增加好控件后,在工具箱中就足以像专门的工作的ASP.NET控件一样使用Rating控件了。

<%@ Page
Language=”C#”
AutoEventWireup=”true”
CodeBehind=”WebForm1.aspx.cs” Inherits=”iFrameUpload.WebForm1″%>
<%@ Register
Assembly=”AjaxControlToolkit,
Version=3.0.20820.0, Culture=neutral,
PublicKeyToken=28f01b0e84b6d53e”    
Namespace=”AjaxControlToolkit”
TagPrefix=”ajaxToolkit”%><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0
Transitional//EN”

xmlns=”
runat=”server”>    
<title>Untitled Page</title>    
<link href=”css/style.css” rel=”stylesheet” type=”text/css”/></head><body>    
<form id=”form1″
runat=”server”>    
<div>
        <asp:ScriptManager ID=”ScriptManager1″ runat=”server”>
        </asp:ScriptManager>
        <ajaxToolkit:Rating ID=”RatingRate” BehaviorID=”RatingRate1″ MaxRating=”5″
CurrentRating=”3″             runat=”server”
StarCssClass=”ratingStar” WaitingStarCssClass=”waitingRatingStar”             FilledStarCssClass=”filledRatingStar” EmptyStarCssClass=”emptyRatingStar”             OnChanged=”RatingRate_Changed” AutoPostBack=”false”>
        </ajaxToolkit:Rating>
        <script type=”text/javascript”>                    
Sys.Application.add_load(                         function() {
                            $find(“RatingRate1”).add_EndClientCallback(
                               function(sender, e) {
                                   var result =
e.get_CallbackResult();                                   
alert(result);                                }
                            );                         }
                    );         </script>
    </div>    
</form></body></html>

.emptyRatingStar /*readonly mode empty style*/
{
    background-image: url(Rating_empty.gif);
}

三.
小心,若是你在上述对话框中尚无找到有关AjaxControlToolkit的控件,则必要和睦内定AjaxControlToolkit.dll程序集的门道。读者要是未有找到该公文的话小编这里方便给大家提供1个下载。

AutoPostBack:设置控件是还是不是自动回传。一般情形下设置该值为False。

WaitingStarCssClass:当管理客户端响应时,控件与服务器举办交互时期处于等候景况时“星形”Logo的体制。必须钦定。

    </div>
    </form>
</body>
</html>

AutoPostBack:设置控件是不是自动回传。一般景色下设置该值为False。

CssClass:Rating控件的完全样式。需求时钦点。

     以下是运作时的效劳。

ReadOnly:控件的只读状态,处于只读状态下的Rating不能够被用户点击,可感觉只读状态的Rating设置单独的体裁。

    上边来探视哪些行使

.ratingStar
{
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

  1. 保证工程中正确引用了AjaxControlToolkit.dll程序集。该程序集在Visual
    Studio2006中为beta版本,供给团结去微软的官方网站下载安装包,Visual
    Studio二零零六中早就随IDE自动安装了,能够一贯运用。

  2. 在Visual
    Studio2010中,该控件未有被活动增添到工具箱中,须要手动增多到工具箱,然后拖放到页面上。你能够在Visual
    Studio中展开工具箱浮动面板,选拔二个空荡荡的Tab(如General
    Tab),点击右键,选取“选拔项…”,在弹出的对话框中找到AjaxControlToolkit程序聚焦相应的控件,如下图。

runat:注册控件为劳动器端行为,必须安装该值。

    下边来探视哪些运用

protected void
RatingRate_Changed(object
sender, AjaxControlToolkit.RatingEventArgs e)
{
    System.Threading.Thread.Sleep(300);
    //TODO: Save e.Value to database.
    e.CallbackResult = “success”;
}

FilledStarCssClass:当“星形”Logo被点亮时的体裁。必须钦赐。

<%@ Register
Assembly=”AjaxControlToolkit,
Version=3.0.20820.0, Culture=neutral,
PublicKeyToken=28f01b0e84b6d53e”
    Namespace=”AjaxControlToolkit” TagPrefix=”ajaxToolkit” %>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0
Transitional//EN”
“;
<html xmlns=”;
<head runat=”server”>
    <title>Untitled
Page</title>
    <link href=”css/style.css” rel=”stylesheet”
type=”text/css” />
</head>
<body>
    <form id=”form1″
runat=”server”>
    <div>
        <asp:ScriptManager ID=”ScriptManager1″ runat=”server”>
        </asp:ScriptManager>
        <ajaxToolkit:Rating ID=”RatingRate”
BehaviorID=”RatingRate1″ MaxRating=”5″
CurrentRating=”3″
            runat=”server”
StarCssClass=”ratingStar”
WaitingStarCssClass=”waitingRatingStar”
            FilledStarCssClass=”filledRatingStar” EmptyStarCssClass=”emptyRatingStar”
            OnChanged=”RatingRate_Changed” AutoPostBack=”false”>
        </ajaxToolkit:Rating>

Rating_default.gif   
Rating_empty.gif   
Rating_normal.gif

  1. 担保工程中正确引用了AjaxControlToolkit.dll程序集。该程序集在Visual
    Studio二零零七中为beta版本,须要自身去微软的官方网址下载安装包,Visual
    Studio二〇〇九中曾经随IDE自动安装了,能够平素利用。

  2. 在Visual
    Studio二〇一〇中,该控件未有被活动增加到工具箱中,需求手动增添到工具箱,然后拖放到页面上。你能够在Visual
    Studio中开垦工具箱浮动面板,选取叁个空白的Tab(如General
    Tab),点击右键,选用“选用项…”,在弹出的对话框中找到AjaxControlToolkit程序集中相应的控件,如下图。

ID:那一个当然不用说了,大家都知道,全数的控件都会有3个劳动器端的ID。

Author

发表评论

电子邮件地址不会被公开。 必填项已用*标注