j-Cl

jComponent 20 · jcomponent@20 component Example loaded with jComponent 20

The component parses inline data defined in the component's element. Data is parsed to the code list format.

Data source format: id1|name1|icon1,id2|name2|icon2,id3|name3|icon3
Parsed to: [{ id, name, icon }]

Example:

<ui-component name="cl" path="#mycodelist" value="SK|Slovakia,CZ|Czechia,DE|Germany,FR|France"></ui-component>

Use it with <ui-component name="cl">. When the component is not loaded yet, jComponent downloads it on first use from the address in DEF.fallback (the Componentator CDN by default). Author: Peter Širka. Source: the Componentator components repository, MIT license.

example.html

<ui-component name="cl" path="#mycodelist" value="SK|Slovakia,CZ|Czechia,DE|Germany,FR|France"></ui-component>

<ui-bind path="#mycodelist" config="html pre:JSON.stringify(value, null, '  ')" class="block">
	<pre></pre>
</ui-bind>