j-ImportCSV

jComponent 20 · jcomponent@20 component Exemple chargé avec jComponent 20

La sortie de ce composant est un tableau mappé. Le composant utilise le composant j-Directory.

Configuration :

IMPORTANT datasource {String} un chemin vers les données CSV (type String)
skipfirst {Boolean} ignore la première ligne analysée (par défaut : true)
notdefined {String} un texte pour les colonnes non définies (par défaut : ---)
Sélecteur jQuery parent {String} pour l'obtention de la largeur/hauteur (par défaut : parent)
dirsearch {String} un espace réservé pour le champ de recherche (par défaut : Search)
margin {Number} une marge pour parent (par défaut : 0)
marginxs {Number} en option, une marge supérieure/inférieure ensemble pour la largeur d'écran xs
marginsm {Number} en option, une marge supérieure/inférieure ensemble pour la largeur d'écran sm
marginmd {Number} en option, une marge supérieure/inférieure ensemble pour la largeur d'écran md
marginlg {Number} en option, une marge supérieure/inférieure ensemble pour la largeur d'écran lg

Utilisez-le avec <ui-component name="importcsv">. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans DEF.fallback (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence MIT.

example.html

<ui-component name="directory"></ui-component>

<div style="width:500px;height:300px">
	<ui-component name="importcsv" path="output" config="datasource:data;keys:firstname=First name,lastname=Last name,email=Email;skipfirst:0"></ui-component>
	<ui-bind path="output" config="html b:value ? value.length : 0" class="block help">Total items for import: <b>0</b></ui-bind>
</div>

<script>

	var data = `Peter;Širka;peter@totalavengers.com\nTomáš,Novák,tomas@totalavengers.com\nDenis,Granec,denis@totalavengers.com`;
	var output = [];

</script>