NumPad-component — sgcHTML | eSeGeCe

NumPad

TsgcHTMLComponent_NumPad — een numeriek en valuta-toetsenblok voor aanraakschermen, gebouwd voor kassa-invoer, met snelbedragknoppen en een verborgen veld dat altijd een locale-onafhankelijk getal post, in Delphi, C++ Builder en .NET.

TsgcHTMLComponent_NumPad

Stel Mode en DecimalPlaces in en lees dan de HTML-eigenschap; het toetsenblok post een getal zoals 12.50 onder FieldName, nooit een locale-genoteerde 12,50.

Componentklasse

TsgcHTMLComponent_NumPad

Rendert

Rekenmachine-achtig toetsenblok + display + inline script

Talen

Delphi, C++ Builder, .NET

Een getal dat er in elke browser hetzelfde uitziet

Elk getal dat dit component schrijft, zowel in de markup als in het eigen script, gaat door een locale-onafhankelijke formatter, nooit door een routine die de regio-instellingen van de browser volgt.

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

Belangrijkste eigenschappen en methoden

De members die je het vaakst gebruikt.

Mode

npInteger (helemaal geen decimaaltoets), npDecimal (standaard) of npCurrency, voorafgegaan door CurrencySymbol.

DecimalPlaces

Standaard 2, begrensd op 0–6. Elke waarde die het toetsenblok toont of post, wordt tot dit aantal decimalen aangevuld/afgerond.

QuickAmounts

Een TStrings met snelbedragen; elk item wordt geparst en opnieuw uitgevoerd via dezelfde locale-onafhankelijke formatter, zodat een misvormd item wordt verworpen in plaats van de pagina te bereiken.

FieldName

Verborgen veld waaronder de genormaliseerde waarde wordt gepost, standaard amount.

MaxValue

0 (standaard) betekent geen plafond; boven 0 wordt een toetsaanslag die dit zou overschrijden geweigerd.

WSSend / Action

Enter wordt een echte verzendknop zodra een van beide is ingesteld, en pusht via de sgcHTMX WebSocket-brug of POST't naar Action; een sgc:numpad DOM-gebeurtenis wordt altijd geactiveerd.

Blijf ontdekken

Online helpVolledige API-referentie en gebruikshandleiding voor dit onderdeel.
Alle sgcHTML-componentenBlader door de volledige functiematrix van 80+ componenten.
Download gratis proefversieDe proefversie van 30 dagen bevat de 60.HTML-demoprojecten.
PrijzenSingle-, Team- en Site-licenties met volledige broncode.
De beste deal: All-AccessElk eSeGeCe-product, inclusief Premium-ondersteuning, vanaf €1,059 per jaar.
Bekijk de All-Access-prijzen

Klaar om te beginnen?

Download de gratis proefversie en begin met het bouwen van web-UI's in Delphi, C++ Builder en .NET.