レーティング型セル

レーティング型セルは、AJAX ControlToolkit のRating コントロールの機能を実現します。

このセル型の作成や設定は、RatingCellType クラスを使用して行います。

AJAX ControlTookitを使用したセル型の設定方法や注意点については「AJAX Control Toolkitを使用したセル型」を参照してください。

レーティング型セルは、評価を表す星印（または他のアイコン）を表示します。表示する星印の全体の数は、MaxRating プロパティで設定します。塗りつぶされている星の数はCurrentRating プロパティから取得または設定します。

星印のスタイルはCSSで設定します。空の状態、塗りつぶされた状態、待機状態、および既定といったそれぞれのスタイルを用意する必要があります。

設定方法

RatingCellType クラスのインスタンスを作成して、レーティング型セルを定義します。
必要なプロパティを設定します。
このセル型をセルに割り当てます。

サンプルコード

次のサンプルコードは、レーティング型セルを設定する例です。

<style type="text/css">
.ratingStar 
{
    font-size: 0pt;
    width: 13px;
    height: 12px;
    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);
}

.savedRatingStar {
    background-image: url(images/SavedStar.png);
}
</style>

C#
Visual Basic

FarPoint.Web.Spread.Extender.RatingCellType rate = new FarPoint.Web.Spread.Extender.RatingCellType();
rate.StarCssClass = "ratingStar";
rate.EmptyStarCssClass = "emptyRatingStar";
rate.FilledStarCssClass = "filledRatingStar";
rate.WaitingStarCssClass = "savedRatingStar";
rate.CurrentRating = 2;
rate.MaxRating = 5;
rate.RatingDirection = AjaxControlToolkit.RatingDirection.LeftToRightTopToBottom;
rate.ShowEditor = true;
FpSpread1.ActiveSheetView.Cells[0, 0].CellType = rate;

Dim rate As New FarPoint.Web.Spread.Extender.RatingCellType()
rate.StarCssClass = "ratingStar"
rate.EmptyStarCssClass = "emptyRatingStar"
rate.FilledStarCssClass = "filledRatingStar"
rate.WaitingStarCssClass = "savedRatingStar"
rate.CurrentRating = 2
rate.MaxRating = 5
rate.RatingDirection = AjaxControlToolkit.RatingDirection.LeftToRightTopToBottom
rate.ShowEditor = True
FpSpread1.ActiveSheetView.Cells(0, 0).CellType = rate