Componente Navigator para Zeedhi

Instalação

Para instalar o pacote do componente, basta rodar o comando:

npm i @zeedhi/zd-navigation

Com isso, dois pacotes serão instalados: o @zeedhi/zd-navigation-common e o @zeedhi/zd-navigation-vue.\

Após a instalação, é necessário que você importe o pacote @zeedhi/zd-navigation-vue dentro de seu arquivo de configuração zeedhi.ts

import { ZdNavigation } from '@zeedhi/zd-navigation-vue';

Vue.component('ZdNavigation', ZdNavigation);

Já o pacote @zeedhi/zd-navigation-common deve ser importado no arquivo controller do componente.

Uso Básico

{
	"name": "navigator-example",
	"component": "ZdNavigator",
	"parentComponentName": "department-grid",
	"labelFormatter":"{{NavigatorController.label}}",
}

Para associar um datasource ao ZdNavigator basta passar o nome do component que tem o datasorce que deseja controlar para a propriedade parentComponentName.

É possivel definir uma label fixa para o ZdNavigator ou passar uma função formatter para a propriedade labelFormatter. A função labelFormatter.

A propriedade currentRow armazena a linha atual do datasource.