Barcode"

From Documentation
(Created page with "{{ZKComponentReferencePageHeader}} = Barcode = *Demonstration: [http://www.zkoss.org/zksandbox/userguide/#u5 Baicode] *Java API: <javadoc>org.zkoss.zul.Barcode</javadoc> *JavaS...")
 
m ((via JWB))
 
(9 intermediate revisions by 2 users not shown)
Line 8: Line 8:
  
 
= Employment/Purpose =
 
= Employment/Purpose =
An <tt>audio</tt> component is used to generate a barcode at the browser, and decode the barcode on the server side. Like <tt>image</tt>, you could use the <tt>type</tt> property to specify the type of barcode, for example: qrcode, code128, code 128A.... The <tt>setContent</tt> method to specify a dynamically generated audio. Developers might be able to control the play of an audio by the <tt>play</tt>, <tt>stop</tt> and <tt>pause</tt> methods.
+
An <code>audio</code> component is used to generate a barcode at the browser, and decode the barcode on the server side. There are many properties to dealing with the barcode component. First, you could use the <code>type</code> property to specify the type of barcode, for example: qrcode, code128, code 128A...., after choose the type you want, you could generate the barcode of the code. And every barcode image could response to a certain value, the property <code>value</code> is for barcode image which wants to stand for.
  
 
= Example =
 
= Example =
[[Image:ZKComRef_Audio_Example.png]]
 
 
 
<source lang="xml" >
 
<source lang="xml" >
  <audio src="music.wav" controls="true"></audio>
+
  <barcode type="qr" value="https://www.zkoss.org/" height="100px"/>
 +
</source>
 +
[[Image:qrcode.png]]
 +
<source lang="xml" >
 +
<barcode type="code128" value="https://www.zkoss.org/" height="100px"/>
 
</source>
 
</source>
  The audio supports controls property since 7.0.0
+
[[Image:code128.png]]
 
+
  The barcaode supports controls property {{versionSince| 8.5.2}}
= Supports HTML5 =
 
[Since 7.0.0]
 
The audio component has now been enhanced to support HTML 5, it includes the properties like <tt>autoplay</tt>, <tt>controls</tt>, <tt>loop</tt>, <tt>muted</tt> and <tt>preload</tt>.
 
  
 
= Multiple Sources=
 
= Multiple Sources=
[Since 7.0.0]
+
{{versionSince| 7.0.0}}
 
Most browsers do not support all the audio formats,so we could specify multiple source files in different formats for different browsers. For examples:  
 
Most browsers do not support all the audio formats,so we could specify multiple source files in different formats for different browsers. For examples:  
 
<source lang="xml" >
 
<source lang="xml" >
Line 31: Line 30:
 
=Supported Events=
 
=Supported Events=
  
{| border="1" | width="100%"
+
{| class='wikitable' | width="100%"
 
! <center>Name</center>
 
! <center>Name</center>
 
! <center>Event Type</center>
 
! <center>Event Type</center>
Line 46: Line 45:
 
=Use Cases=
 
=Use Cases=
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Description !! Example Location
 
! Version !! Description !! Example Location
 
|-
 
|-
Line 57: Line 56:
 
{{LastUpdated}}
 
{{LastUpdated}}
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Date !! Content
 
! Version !! Date !! Content
 
|-
 
|-
| 7.0.0
+
| 8.5.2
| August, 2013
+
| Apirl, 2018
| <javadoc>org.zkoss.zul.Audio</javadoc> now supports HTML 5
+
| <javadoc>org.zkoss.zkmax.barcode.Barcode</javadoc>
 
|}
 
|}
  
 
{{ZKComponentReferencePageFooter}}
 
{{ZKComponentReferencePageFooter}}

Latest revision as of 08:44, 8 July 2022

Barcode

Employment/Purpose

An audio component is used to generate a barcode at the browser, and decode the barcode on the server side. There are many properties to dealing with the barcode component. First, you could use the type property to specify the type of barcode, for example: qrcode, code128, code 128A...., after choose the type you want, you could generate the barcode of the code. And every barcode image could response to a certain value, the property value is for barcode image which wants to stand for.

Example

 <barcode type="qr" value="https://www.zkoss.org/" height="100px"/>

Qrcode.png

 <barcode type="code128" value="https://www.zkoss.org/" height="100px"/>

Code128.png

The barcaode supports controls property Since  8.5.2

Multiple Sources

Since 7.0.0 Most browsers do not support all the audio formats,so we could specify multiple source files in different formats for different browsers. For examples:

 <audio src="music.wav, music.mp3, music.ogg" controls="true"></audio>

Supported Events

Name
Event Type
None None

Supported Children

*NONE

Use Cases

Version Description Example Location
     

Version History

Last Update : 2022/07/08


Version Date Content
8.5.2 Apirl, 2018 Barcode



Last Update : 2022/07/08

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.