Grid Form

Componente de grid editável por formulário.

Props

O GridForm herda as props de Grid e extende as seguintes props:

form Object

Props do formulário de edição de um item. Veja a documentação do componente Form.

default: {}
form: {
  inputs: {
    name:  { label: 'Nome'  },
    price: {
      label: 'Preço',
      component: 'masked',
      maskType: 'currency'
    }
  }
}

createButton Object

Props do botão de criar novo item. Veja a documentação do componente Button.

name String

Nome do botão create ou chave da string de localização nas configurações de recursos i18n e l10n.

default: "actions.add"
icon String

Nome do ícone utilizado no botão.

default: "add"

updateButton Object

Props do botão de atualizar item. Veja a documentação do componente Button.

name String

Nome do botão update ou chave da string de localização nas configurações de recursos i18n e l10n.

default: "actions.update"
icon String

Nome do ícone utilizado no botão.

default: "edit"

cancelButton Object

Props do botão de cancelar alterações. Veja a documentação do componente Button.

name String

Nome do botão cancel ou chave da string de localização nas configurações de recursos i18n e l10n.

default: "actions.cancel"
icon String

Nome do ícone utilizado no botão.

default: "cancel"

onSubmit Function

Função callback executada ao receber evento submit.

default: function(event, postData) {}
onSubmit: function(event, postData) {
  // lógica ao enviar dados.
}

onReset Function

Função callback executada ao receber event de reset.

default: function(event) {}
onReset: function(event) {
  // lógica ao limpar formulário
}

onSuccess Function

Função callback executado ao enviar dados com sucesso.

default: function(data, status, xhr) {}

onError Function

Função callback executado ao falhar em enviar dados.

default: function(xhr, status, error) {}