unicorn-components
Version:
<a target="_blank" href="https://getunicorn.io"><img src="https://bitbucket-assetroot.s3.amazonaws.com/c/photos/2017/Jul/07/2615006260-5-nitsnetsstudios-ondemand-UNI_avatar.png" align="left"></a>
40 lines (30 loc) • 1.53 kB
Markdown
Paginator
===================
`uni-paginator`
---
:white_circle: Previsto
Visualización de jerarquías en árbol, reordenables arrastrando
## Uso
## Ejemplo simple
```html
<uni-tree
[data]="100"
[sortable]="true"
></uni-tree>
```
### Atributos de entrada
| Nombre | Tipo | Por defecto | Descripción
| ----------- | ------------ | ----------- | -----------
| data | `any[]` | `[]` | Array de objetos de cualquier naturaleza. Para dar lugar a jerarquías se deberá emplear el atributo `children`
| selected | `string[]` | `[]` | Array de identificadores de los ítems seleccionados
| sortable | `boolean` | `false` | Habilita el árbol para ser reordenable por el usuario
| selectable | `boolean` | `false` | Habilita los items para ser seleccionados
| deletable | `boolean` | `false` | Habilita los ítems para ser borrados
| editable | `boolean` | `false` | Habilita los ítems para ser editables
### Eventos de salidas
| Nombre | Tipo | Descripción
| --------------- | -------------- | -----------
| orderChange | `any[]` | Notifica cuando se han reordenado los elementos devolviendo la nueva disposición
| selectedChange | `string[]` | Notifica cuando se ha seleccionado un item con la selección total en listado de ID
| delete | `string` | Notifica cuando se ha borrado un item con su ID
| edit | `string` | Notifica cuando se ha editado un item con su ID