Rating 컴포넌트 — sgcHTML | eSeGeCe

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");

주요 속성 및 메서드

가장 자주 사용하게 되는 멤버.

ValueMaxValue(기본값 5) 중 채워지는 기호 수를 설정합니다. ShowValuevalue/max 캡션을 추가합니다.

모드

ReadOnly(기본값 True)는 평가를 정적 표시로 렌더링합니다. 인터랙티브 입력을 원하면 False로 설정하십시오.

색상

Color는 채워진 기호 색상을 CSS 문자열로 설정합니다. Color가 비어 있을 때 ColorStyle(TsgcHTMLColor, 예: hcWarning)이 Bootstrap 색상을 선택합니다.

기호

FilledSymbolEmptySymbol은 글리프를 재정의합니다(기본 별 ★). Size는 글꼴 크기를 설정합니다.

폼 바인딩

InputName을 설정하면 숫자 값을 담는 숨김 <input>이 출력되어 평가가 폼과 함께 전송됩니다.

정적 헬퍼 및 출력

Build(value, maxValue, color)는 한 줄로 마크업을 반환합니다. HTML은 기호 행과 선택적 숨김 입력을 반환합니다.

계속 살펴보기

온라인 도움말이 찱포넌트의 전체 API 참조 및 사용 가이드입니다.
모든 sgcHTML 컴포넌트60개 이상의 컴포넌트 전체 기능 매트릭스를 둘러보십시오.
무료 체험판 다운로드30일 체험판에는 60.HTML 데모 프로젝트가 포함됩니다.
가격전체 소스 코드가 포함된 Single, Team 및 Site 라이선스.

시작할 준비가 되셨습니까?

무료 체험판을 다운로드하고 Delphi, C++ Builder 또는 .NET 웹 앱에 별점을 추가하십시오.