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} } ...