★RatingCotrol★

わんくま同盟ホームわんくま同盟の最新記事 MyBlog 　　　Ognac試行部屋　　　

評価点の★をクリックして下さい。

御託

★RatingCotrol★
Rating Control : 1からnを指定し、★などのImageを用意する。平常時、クリック時、選択強調用の3種類。
ImageはCSS Fileをベースにした、相対Pathになる。
マウスでクリックした、値が選択されたものになる。

ソース


■e:\user\cervi.reseller\ognadmin\ognogn.com\www\AJAX\Control\Rating\Rating01.aspx■
<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Rating01.aspx.cs" Inherits="AJAX_Control_Rating_Rating01" Title="Rating" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <div>
      評価点の★をクリックして下さい。<br /><br />
      <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
          <cc1:Rating ID="Rating1" runat="server"
            MaxRating="10"
            CurrentRating="1"
            StarCssClass="ratingStar"
            EmptyStarCssClass="emptyRatingStar"
            FilledStarCssClass="filledRatingStar"
            WaitingStarCssClass="waitingRatingStar"
            OnChanged="Rating1_Changed"
            BackColor="CadetBlue"
            AutoPostBack="True">
          </cc1:Rating>
          <br /><br />
          <asp:Label ID="Label1" runat="server"></asp:Label>
        </ContentTemplate>
      </asp:UpdatePanel>
    </div>
    <br />


</asp:Content>



■e:\user\cervi.reseller\ognadmin\ognogn.com\www\AJAX\Control\Rating\Rating01.aspx.cs■
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.IO;
using System.Text;

public partial class AJAX_Control_Rating_Rating01 : System.Web.UI.Page
{
    protected void Page_PreInit(object sender, EventArgs e)
    {
        Page.Theme = (string)Session["テーマ"];
    }
    protected void Page_Load(object sender, EventArgs e)
    {
    }

    protected void Rating1_Changed(object sender, AjaxControlToolkit.RatingEventArgs e)
    {
        System.Threading.Thread.Sleep(500); //この間、赤★になる
        string r = string.Empty;
        r = "【" + Rating1.CurrentRating.ToString() + " 】";
        Label1.Text = "入力は" + r + "です。";
    }
}