Sencha Architect 2: Como usar Ext.form.field.VTypes Customizados

Ei pessoal,

Outro problema relacionado ao Sencha Architect 2. No post de hoje vamos ver como podemos usar um VType customizado dentro do Sencha Architect 2. A ferramenta ainda não tem esse tipo de suporte, só é possível usar os VTypes que vem nativos da API do ExtJS 4, mas existe um workaround que vamos conhecer hoje nesse post.

A solução até que é simples. Como o Sencha Architect não suporta ainda VTypes customizados, o que precisamos fazer é antes do component que quermos aplicar o vType customizado ser renderizado, aplicamos o vType manualmente assim:

[code lang="js" firstline="1" toolbar="true" collapse="false" wraplines="false"]
onTextfieldBeforeRender: function(abstractcomponent, options) {
abstractcomponent.vtype = 'uniqueUserName';
},

init: function() {
this.control({
"textfield[name='username']": {
beforerender: this.onTextfieldBeforeRender
}
});

}
[/code]

No caso desse exemplo, queremos aplicar o vType de campo único a um textfield de um form, como mostrei aqui nesse exemplo completo.

Viu só? O Sencha Architect 2 ainda não é a ferramenta perfeita para desenvolver com ExtJS 4,  mas permite esses workarounds enquanto o time de desenvolvedores da Sencha acertam esses detalhes que tanto a comunidade reclama!

Até a próxima! :)