Rating
TsgcHTMLComponent_Rating — Delphi、C++ Builder、.NET で、任意の隠しフォームフィールドを備えた、星(シンボル)評価の表示または入力をレンダリングします。
TsgcHTMLComponent_Rating — Delphi、C++ Builder、.NET で、任意の隠しフォームフィールドを備えた、星(シンボル)評価の表示または入力をレンダリングします。
好みに合わせてサイズと色を設定した塗りつぶし済み・空のシンボルの行と、値を保持する任意の隠し入力欄を出力する評価コンポーネントです。値と最大値を設定してから、HTML プロパティを読み取ります。
TsgcHTMLComponent_Rating
シンボル評価 + 隠しフォーム入力
Delphi, C++ Builder, .NET
Value と MaxValue を設定し、色とシンボルを選択してから、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 は、MaxValue(既定値 5)のうちいくつのシンボルが塗りつぶされるかを設定します。ShowValue は value/max のキャプションを追加します。
ReadOnly(既定値 True)は、評価を静的な表示としてレンダリングします。インタラクティブな入力にするには False に設定します。
Color は、塗りつぶしシンボルの色を CSS 文字列として設定します。Color が空の場合、ColorStyle(hcWarning などの TsgcHTMLColor)が Bootstrap の色を選択します。
FilledSymbol と EmptySymbol はグリフを上書きします(既定は星 ★)。Size はフォントサイズを設定します。
InputName を設定すると、数値を保持する隠し <input> が出力され、評価がフォームと一緒に送信されます。
Build(value, maxValue, color) は一行でマークアップを返します。HTML は、シンボルの行と任意の隠し入力欄を返します。