Rating

TsgcHTMLComponent_Rating — Delphi、C++ Builder、.NET で、任意の隠しフォームフィールドを備えた、星(シンボル)評価の表示または入力をレンダリングします。

TsgcHTMLComponent_Rating

好みに合わせてサイズと色を設定した塗りつぶし済み・空のシンボルの行と、値を保持する任意の隠し入力欄を出力する評価コンポーネントです。値と最大値を設定してから、HTML プロパティを読み取ります。

コンポーネントクラス

TsgcHTMLComponent_Rating

レンダリング内容

シンボル評価 + 隠しフォーム入力

ファミリー

フォーム & 入力

言語

Delphi, C++ Builder, .NET

作成し、値を設定し、レンダリングする

ValueMaxValue を設定し、色とシンボルを選択してから、HTML を読み取ります — または、静的な Build ヘルパーを呼び出して一行で記述します。

uses
  sgcHTML_Component_Rating;

var
  oRating: TsgcHTMLComponent_Rating;
begin
  oRating := TsgcHTMLComponent_Rating.Create(nil);
  try
    oRating.Value := 4;
    oRating.MaxValue := 5;
    oRating.Color := '#ffc107';
    oRating.ShowValue := True;
    oRating.InputName := 'score';
    oRating.ReadOnly := False;

    WebModule.Response := oRating.HTML;   // stars + hidden input
  finally
    oRating.Free;
  end;
end;

// Or the static one-liner (value, maxValue, color):
Result := TsgcHTMLComponent_Rating.Build(4, 5, '#ffc107');
// includes: sgcHTML_Component_Rating.hpp

TsgcHTMLComponent_Rating *oRating = new TsgcHTMLComponent_Rating(NULL);
try
{
  oRating->Value = 4;
  oRating->MaxValue = 5;
  oRating->Color = "#ffc107";
  oRating->ShowValue = true;
  oRating->InputName = "score";
  oRating->ReadOnly = false;

  String html = oRating->HTML;   // stars + hidden input
}
__finally
{
  delete oRating;
}

// Or the static one-liner:
String html = TsgcHTMLComponent_Rating::Build(4, 5, "#ffc107");
using esegece.sgcWebSockets;

var rating = new TsgcHTMLComponent_Rating();
rating.Value = 4;
rating.MaxValue = 5;
rating.Color = "#ffc107";
rating.ShowValue = true;
rating.InputName = "score";
rating.ReadOnly = false;

string html = rating.HTML;   // stars + hidden input

// Or the static one-liner:
string html2 = TsgcHTMLComponent_Rating.Build(4, 5, "#ffc107");

主なプロパティとメソッド

最もよく使うメンバーです。

Value

Value は、MaxValue(既定値 5)のうちいくつのシンボルが塗りつぶされるかを設定します。ShowValuevalue/max のキャプションを追加します。

Mode

ReadOnly(既定値 True)は、評価を静的な表示としてレンダリングします。インタラクティブな入力にするには False に設定します。

Color

Color は、塗りつぶしシンボルの色を CSS 文字列として設定します。Color が空の場合、ColorStylehcWarning などの TsgcHTMLColor)が Bootstrap の色を選択します。

Symbols

FilledSymbolEmptySymbol はグリフを上書きします(既定は星 ★)。Size はフォントサイズを設定します。

Form binding

InputName を設定すると、数値を保持する隠し <input> が出力され、評価がフォームと一緒に送信されます。

Static helper & output

Build(value, maxValue, color) は一行でマークアップを返します。HTML は、シンボルの行と任意の隠し入力欄を返します。

さらに詳しく

すべての sgcHTML コンポーネント60 以上のコンポーネントの全機能マトリックスを閲覧できます。
無料体験版のダウンロード30 日間の体験版には 60.HTML デモプロジェクトが付属します。
価格完全なソースコード付きの Single、Team、Site ライセンス。

始める準備はできましたか?

無料体験版をダウンロードして、Delphi、C++ Builder、.NET の Web アプリに星評価を追加しましょう。