# j-ImportCSV

> A saída deste componente é mapeada. o componente utiliza o componento j-Directory.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: pt
Content-SHA256: fba4657517a2d0b6ce4fb9ee31d1a8529a454e18f699d79db99894c5800a4a78
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

A saída deste componente é mapeada. o componente utiliza o componento `j-Directory`.


__Configuração__:

- __IMPORTANT__ `datasource {String}` um caminho para dados CSV (tipo `String`)
- `skipfirst {Boolean}` é a primeira linha parsed (default: `true`)
- `notdefined {String}` um texto para colunas não definidas (default: `---`)
- `parent {String}` jQuery selector para obter largura/altura (default: `parent`)
- `dirsearch {String}` um local para o campo de pesquisa (default: `Search`)
- `margin {Number}` uma margem para `parent` (default: `0`)
- `marginxs {Number}` opcional, uma margem superior/baixo juntos para a largura de tela `xs`
- `marginsm {Number}` opcional, uma margem superior/baixo juntos para a largura de tela `sm`
- `marginmd {Number}` opcional, uma margem superior/baixo juntos para a largura de tela `md`
- `marginlg {Number}` opcional, uma margem superior/baixo juntos para a largura de tela `lg`

Use-o com `<ui-component name="importcsv">`Quando o componente ainda não está carregado, jComponent Descarrega-o no primeiro uso do endereço `DEF.fallback` (a partir do Componentator CDN por padrão). autor: Peter Širka. fonte: o Componentator Reserva de componentes, licença MIT.

```html 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>
```