NumPad コンポーネント — sgcHTML | eSeGeCe

NumPad

TsgcHTMLComponent_NumPad — Delphi、C++ Builder、.NET で、POS 入力向けに作られたタッチ操作の数値・通貨テンキーをレンダリングします。クイック金額ボタンを備え、隠しフィールドは常にロケールに依存しない数値をポストします。

TsgcHTMLComponent_NumPad

ModeDecimalPlaces を設定してから HTML プロパティを読み取ります。パッドは FieldName の下に 12.50 のような数値をポストし、ロケール書式の 12,50 になることはありません。

コンポーネントクラス

TsgcHTMLComponent_NumPad

レンダリング内容

電卓スタイルのキーパッド + ディスプレイ + インラインスクリプト

ファミリー

フォーム & 入力

言語

Delphi, C++ Builder, .NET

どのブラウザーでも同じに読める数値

このコンポーネントがマークアップや自身のスクリプトに書き出す数値はすべて、ロケールに依存しないフォーマッターを経由します。ブラウザーの地域設定を反映するルーチンを通ることは決してありません。

uses
  sgcHTML_Component_NumPad;

var
  oPad: TsgcHTMLComponent_NumPad;
begin
  oPad := TsgcHTMLComponent_NumPad.Create(nil);
  try
    oPad.PadID := 'till_amount';
    oPad.FieldName := 'amount';
    oPad.Mode := npCurrency;
    oPad.CurrencySymbol := '$';
    oPad.DecimalPlaces := 2;
    oPad.QuickAmounts.CommaText := '5,10,20,50';   // tender shortcut buttons

    WebModule.Response := oPad.HTML;   // display + calculator-style keys + quick amounts
  finally
    oPad.Free;
  end;
end;
// includes: sgcHTML_Component_NumPad.hpp

TsgcHTMLComponent_NumPad *oPad = new TsgcHTMLComponent_NumPad(NULL);
try
{
  oPad->PadID = "till_amount";
  oPad->FieldName = "amount";
  oPad->Mode = npCurrency;
  oPad->CurrencySymbol = "$";
  oPad->DecimalPlaces = 2;
  oPad->QuickAmounts->CommaText = "5,10,20,50";

  String html = oPad->HTML;   // display + calculator-style keys + quick amounts
}
__finally
{
  delete oPad;
}
using esegece.sgcWebSockets;

var pad = new TsgcHTMLComponent_NumPad();
pad.PadID = "till_amount";
pad.FieldName = "amount";
pad.Mode = npCurrency;
pad.CurrencySymbol = "$";
pad.DecimalPlaces = 2;
pad.QuickAmounts.CommaText = "5,10,20,50";

string html = pad.HTML;   // display + calculator-style keys + quick amounts

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

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

Mode

npInteger(小数点キーなし)、既定値の npDecimal、または CurrencySymbol を前置する npCurrency

DecimalPlaces

既定値は 2 で、0–6 の範囲に制限されます。パッドが表示・ポストする値はすべて、この桁数に合わせてパディングまたは丸められます。

QuickAmounts

受取金額のショートカット数値を保持する TStrings です。各エントリは解析され、同じロケール非依存のフォーマッターを通して再出力されるため、不正な形式のエントリはページに届く前に破棄されます。

FieldName

正規化された値をポストする隠しフィールドで、既定値は amount です。

MaxValue

既定値の 0 は上限なしを意味します。0 より大きい値を設定すると、それを超えるキー入力は拒否されます。

WSSend / Action

いずれかを設定すると Enter キーが実際の送信ボタンとして機能し、sgcHTMX の WebSocket ブリッジ経由でプッシュするか Action に POST します。sgc:numpad の DOM イベントは常に発火します。

さらに詳しく

オンラインヘルプこのコンポーネントの完全な API リファレンスと使用ガイドです。
すべての sgcHTML コンポーネント80 以上のコンポーネントの全機能マトリックスを閲覧できます。
無料体験版のダウンロード30 日間の体験版には 60.HTML デモプロジェクトが付属します。
価格完全なソースコード付きの Single、Team、Site ライセンス。
最もお得な選択: All-AccesseSeGeCe の全製品にプレミアムサポートが付いて、年間 €1,059 からご利用いただけます。
All-Access の価格を見る

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

無料体験版をダウンロードして、Delphi、C++ Builder、.NET で Web UI の構築を始めましょう。