Edição Sequencial

O widget DiagramEditor pode editar campos de texto nas entidades de um gráfico. Para fazer isso, os modelos devem identificar attachPoints com o atributo editable. Se um attachPoint for marcado como editável, uma linha pontilhada contornará o componente editável e será possível clicar duas vezes para editá-lo. Ao clicar duas vezes na área com o componente editável, um editor se abre e permite alterar o valor associado. Aceite o novo valor pressionando a tecla Enter ou cancele a operação saindo do editor.
É possível registrar editores alternativos para campos não de texto no widget DiagramEditor. O editor disponível usa um dojoTextBox e está registrado com o ID textbox. O atributo editável especifica o editor associado a cada campo.
O atributo editável é um atributo composto que contém as informações usadas para iniciar o editor sequencial, especificamente:
  • set/get: os nomes do setter e getter que serão usados para acessar o valor na entidade. Deve ser um método do nó, subgráfico ou link.
  • id: uma alternativa para set/get e fornece o nome em minúsculas da propriedade associada (os atributos set:/get: são automaticamente configurados neste nome).
  • editor: o ID do editor a ser usado neste campo.
  • options: um atributo composto usado para passar parâmetros específicos ao editor registrado.
  • baseRegion: a caixa delimitadora base opcional da área editável, se a área editável ficar muito pequena para ser clicada.
  • regionStyle: o estilo opcional a ser aplicado ao contorno que marca a área editável (substitui o contorno pontilhado padrão).
  • border: um número inteiro que representa a largura da margem para expandir a área editável além da caixa delimitadora atual do campo.
O exemplo a seguir é do modelo de Nó padrão:
...
editable: {
   id:'label',
   editor:'textbox',
   border:2,
   regionStyle:{selectedStyle:{stroke:{color:'white',style:'ShortDot'}}},
   baseRegion:{x:20,width:40,y:11,height:15}
}
...