Componente Drag Grid para Zeedhi

Instalação

Para instalar o pacote basta rodar o seguinte comando:

  npm install @zeedhi/zd-drag-grid

Ou instale os pacotes separadamente:

  npm install @zeedhi/zd-drag-grid-vue @zeedhi/zd-drag-grid-common

Com isso, dois pacotes serão instalados: o @zeedhi/zd-drag-grid-common e o @zeedhi/zd-drag-grid-vue.
Após a instalação, é necessário que você importe o pacote @zeedhi/zd-drag-grid-vue dentro de seu arquivo de configuração zeedhi.ts

import ZdDragGrid from '@zeedhi/zd-drag-grid-vue';

Vue.component('ZdDragGrid', ZdDragGrid);

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

Uso Básico

Para usar, defina a propriedade component como 'ZdDragGrid'.

{
  "name": "example",
  "component": "ZdDragGrid"
}

Propriedades

Eventos

IDraggable

export interface IDraggable {
  orderColumnName: string;
  orderMode: 'asc' | 'desc';
  getDragChanges: (oldIndex: number, newIndex: number, datasource: IDatasource, editedRows: IDictionary[])
  => { row: IDictionary, value: any }[];
}