furo-ui5-barcode-scanner-dialog #

@furo/ui5 v1.18.0
import '@furo/ui5/src/furo-ui5-barcode-scanner-dialog.js';
exports FuroUi5BarcodeScannerDialog js
extends src/furo-ui5-barcode-scanner-dialog.js
mixes FieldNodeAdapter

Summary: data barcode scanner dialog

Description #

The ‘furo-ui5-barcode-scanner-dialog’ component provides barcode scanning functionality for all devices that support the MediaDevices.getUserMedia() native API. Opening the dialog launches the device camera and scans for known barcode formats. Internally, the component uses the zxing-js/library third party OSS. For a list of supported barcode formats, see the zxing-js/library documentation. https://github.com/zxing-js/library

It supports all features from the SAP ui5 Barcode Scanner Dialog element.

You can bind any string type, like furo.fat.String type or the google.protobuf.StringValue type.

1
2
3

 <furo-ui5-button at-click=--openClicked>Open Scanner</furo-ui5-button>
 <furo-ui5-barcode-scanner-dialog fn-show="--openClicked"
                                  fn-bind-data="--dao(*.field)"></furo-ui5-barcode-scanner-dialog>

Methods #

bindData(fieldNode) Bind an entity field. You can use the entity even when no data was received.

When you use at-object-ready from a furo-data-object which emits a EntityNode, just bind the field with –entity(*.fields.fieldname)

Example #

1
2

<ui5-button @-click="--openClicked" design="Default">Open</ui5-button>
<furo-ui5-barcode-scanner-dialog fn-show="--openClicked"></furo-ui5-barcode-scanner-dialog>

Attributes and Properties #

Events #

scan-success #

at-scan-success → String

Fires when the scan is completed successfuuly.

scan-error #

at-scan-error → String

Fires when the scan fails with error.

furo-value-changed #

at-furo-value-changed → String

Fires the field value when it changes.

Methods #