Hi Vladimir,
This is my source code...
<ext:DesktopWindow ID="winDistribuidor" runat="server" Collapsible="false" Icon="Cart"
Title="Cadastro de Distribuidor" Resizable="false" Maximizable="false" Width="505"
Height="520">
<TopBar>
<ext:Toolbar ID="ToolBarDistribuidor" runat="server">
<Items>
<ext:ToolbarButton ID="btn_save" runat="server" Icon="Disk" Enabled="false">
<AjaxEvents>
<Click OnEvent="SaveDst" Before="var valid= #{FormPanelDistribuidor}.getForm().isValid(); if(valid){#{FormStatusBarDst}.showBusy('Salvando...');} return valid;">
<EventMask ShowMask="true" MinDelay="1000" Target="CustomTarget" CustomTarget="={#{FormPanelDistribuidor}.getEl()}" />
</Click>
</AjaxEvents>
<ToolTips>
<ext:ToolTip ID="TooTipSave" runat="server" Title="Salvar">
</ext:ToolTip>
</ToolTips>
</ext:ToolbarButton>
<ext:ToolbarButton ID="btn_saveClose" runat="server" IconCls="icon-SaveClose">
<AjaxEvents>
<Click OnEvent="SaveCloseDst" Before="var valid= #{FormPanelDistribuidor}.getForm().isValid(); if(valid){#{FormStatusBarDst}.showBusy('Salvando...');} return valid;">
<EventMask ShowMask="true" MinDelay="1000" Target="CustomTarget" CustomTarget="={#{FormPanelDistribuidor}.getEl()}" />
</Click>
</AjaxEvents>
<ToolTips>
<ext:ToolTip ID="ToolTipSaveClose" runat="server" Title="Salvar e Sair">
</ext:ToolTip>
</ToolTips>
</ext:ToolbarButton>
<%--<ext:ToolbarSeparator ID="ToolbarSeparatorDst1" runat="server">
</ext:ToolbarSeparator>--%>
<ext:ToolbarButton ID="btn_dstDelete" runat="server" Icon="Cross" Hidden="true">
<AjaxEvents>
<Click OnEvent="DeleteDst">
</Click>
</AjaxEvents>
<ToolTips>
<ext:ToolTip ID="ToolTipDstDelete" runat="server" Title="Excluir Distribuidor">
</ext:ToolTip>
</ToolTips>
</ext:ToolbarButton>
<ext:ToolbarSeparator ID="ToolbarSeparatorDst3" runat="server">
</ext:ToolbarSeparator>
<ext:ToolbarButton ID="btn_close" runat="server" Icon="DoorIn">
<Listeners>
<Click Handler="#{winDistribuidor}.hide(null);" />
</Listeners>
<AjaxEvents>
<Click OnEvent="Sair">
</Click>
</AjaxEvents>
<ToolTips>
<ext:ToolTip ID="ToolTipClose" runat="server" Title="Sair">
</ext:ToolTip>
</ToolTips>
</ext:ToolbarButton>
</Items>
</ext:Toolbar>
</TopBar>
<Body>
<ext:Hidden ID="txt_dstId" runat="server">
</ext:Hidden>
<ext:TabPanel ID="TablePanelDst" runat="server">
<Tabs>
<ext:Tab ID="TabDstRazaoSocial" runat="server" Title="Razão Social" Height="407"
Icon="House">
<Body>
<ext:FormPanel ID="FormPanelDistribuidor" runat="server" LabelWidth="75" Width="500"
ButtonAlign="Right" LabelAlign="Top" Border="false" Frame="true" BodyStyle="padding:10px 10px 0;">
<Body>
<ext:ColumnLayout ID="ColumnLayout1" runat="server">
<ext:LayoutColumn ColumnWidth=".5">
<ext:Panel ID="Panel1" runat="server" Border="false" Header="false">
<Defaults>
<ext:Parameter Name="Anchor" Value="91%" />
<ext:Parameter Name="AllowBlank" Value="false" Mode="Raw" />
<ext:Parameter Name="SelectOnFocus" Value="true" Mode="Raw" />
<ext:Parameter Name="MsgTarget" Value="side" />
<ext:Parameter Name="LabelSeparator" Value="" />
</Defaults>
<Body>
<ext:FormLayout ID="FormLayout1" runat="server" LabelAlign="Top">
<ext:Anchor>
<ext:TextField ID="txt_dstRazaoSocial" runat="server" FieldLabel="Razão Social" BlankText="Campo Razão Social é obrigatório!" />
</ext:Anchor>
<ext:Anchor>
<ext:TextField ID="txt_dstRamoAtividade" runat="server" FieldLabel="Ramo Atividade"
BlankText="Campo Ramo Atividade é obrigatório!" />
</ext:Anchor>
<ext:Anchor>
<ext:TextField ID="txt_dstResponsavel" runat="server" FieldLabel="Responsável" BlankText="Campo Responsável é obrigatório!">
</ext:TextField>
</ext:Anchor>
<ext:Anchor>
<ext:TextField ID="txt_dstResponsavelEmail" runat="server" FieldLabel="E-Mail Responsável"
BlankText="Campo E-Mail Responsável é obrigatório!" Vtype="email" VtypeText="E-mail inválido! Ex.: nome@provedor.com.br" />
</ext:Anchor>
<ext:Anchor>
<ext:TextField ID="txt_dstEndereco" runat="server" FieldLabel="Endereço" BlankText="Campo Endereço é obrigatório!" />
</ext:Anchor>
<ext:Anchor>
<ext:TextField ID="txt_dstCidade" runat="server" FieldLabel="Cidade" BlankText="Campo Cidade é obrigatório!" />
</ext:Anchor>
<ext:Anchor>
<ext:TextField ID="txt_dstCep" runat="server" FieldLabel="CEP" BlankText="Campo CEP é obrigatório!">
<Plugins>
<UX:InputTextMask ID="InputTextMask1" runat="server" Mask="99999-999">
</UX:InputTextMask>
</Plugins>
</ext:TextField>
</ext:Anchor>
<ext:Anchor>
<ext:ComboBox ID="cbb_dstUF" runat="server" Width="150" FieldLabel="Estado" BlankText="Campo Estado é obrigatório!">
<Items>
<ext:ListItem Text="" Value="N/A" />
<ext:ListItem Text="AC" Value="AC" />
<ext:ListItem Text="AL" Value="AL" />
<ext:ListItem Text="BA" Value="BA" />
<ext:ListItem Text="CE" Value="CE" />
<ext:ListItem Text="DF" Value="DF" />
<ext:ListItem Text="ES" Value="ES" />
<ext:ListItem Text="GO" Value="GO" />
<ext:ListItem Text="MA" Value="MA" />
<ext:ListItem Text="MT" Value="MT" />
<ext:ListItem Text="MS" Value="MS" />
<ext:ListItem Text="MG" Value="MG" />
<ext:ListItem Text="PA" Value="PA" />
<ext:ListItem Text="PB" Value="PB" />
<ext:ListItem Text="PR" Value="PR" />
<ext:ListItem Text="PE" Value="PE" />
<ext:ListItem Text="PI" Value="PI" />
<ext:ListItem Text="RJ" Value="RJ" />
<ext:ListItem Text="RN" Value="RN" />
<ext:ListItem Text="RS" Value="RS" />
<ext:ListItem Text="RO" Value="RO" />
<ext:ListItem Text="RR" Value="RR" />
<ext:ListItem Text="SC" Value="SC" />
<ext:ListItem Text="SP" Value="SP" />
<ext:ListItem Text="SE" Value="SE" />
<ext:ListItem Text="TO" Value="TO" />
</Items>
</ext:ComboBox>
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth=".5">
<ext:Panel ID="Panel2" runat="server" Border="false">
<Defaults>
<ext:Parameter Name="Anchor" Value="92%" />
<ext:Parameter Name="AllowBlank" Value="false" Mode="Raw" />
<ext:Parameter Name="SelectOnFocus" Value="true" Mode="Raw" />
<ext:Parameter Name="MsgTarget" Value="side" />
<ext:Parameter Name="LabelSeparator" Value="" />
</Defaults>
<Body>
<ext:FormLayout ID="FormLayout2" runat="server" LabelAlign="Top">
<ext:Anchor>
<ext:TextField ID="txt_dstTelefone" runat="server" FieldLabel="Telefone" BlankText="Campo Telefone é obrigatório!">
<Plugins>
<UX:InputTextMask ID="InputTextMask4" runat="server" Mask="(99) 9999-9999">
</UX:InputTextMask>
</Plugins>
</ext:TextField>
</ext:Anchor>
<ext:Anchor>
<ext:TextField ID="txt_dstCNPJ" runat="server" FieldLabel="CNPJ" BlankText="Campo CNPJ é obrigatório!">
<Plugins>
<UX:InputTextMask ID="InputTextMask2" runat="server" Mask="99.999.999.9999-99">
</UX:InputTextMask>
</Plugins>
</ext:TextField>
</ext:Anchor>
<ext:Anchor>
<ext:TextField ID="txt_dstInscrEstadual" runat="server" FieldLabel="Inscrição Estadual"
BlankText="Campo Cidade é obrigatório!" MaxLength="25" />
</ext:Anchor>
<ext:Anchor>
<ext:TextField ID="txt_dstEmailSuporte" runat="server" FieldLabel="E-mail Suporte"
Vtype="email" VtypeText="E-mail inválido! Ex.: nome@provedor.com.br" BlankText="Campo E-mail Suporte é obrigatório!" />
</ext:Anchor>
<ext:Anchor>
<ext:TextField ID="txt_dstEmailFinanceiro" runat="server" FieldLabel="E-mail Financeiro"
Vtype="email" VtypeText="E-mail inválido! Ex.: nome@provedor.com.br" BlankText="Campo E-mail Financeiro é obrigatório!" />
</ext:Anchor>
<ext:Anchor>
<ext:TextField ID="txt_dstSite" runat="server" FieldLabel="Site" BlankText="Campo Site é obrigatório!">
</ext:TextField>
</ext:Anchor>
<ext:Anchor>
<ext:ComboBox ID="cbb_dstSituacao" runat="server" FieldLabel="Situação" BlankText="Campo Situação é obrigatório!"
Editable="false" Width="150">
<Items>
<ext:ListItem Text="Ativo" Value="Ativo" />
<ext:ListItem Text="Inativo" Value="Inativo" />
</Items>
</ext:ComboBox>
</ext:Anchor>
<ext:Anchor>
<ext:ComboBox ID="txt_dstDescPedido" runat="server" FieldLabel="Desconto nos pedidos"
BlankText="Campo Site é obrigatório!">
<SelectedItem Text="Sem Desconto" Value="0" />
<Items>
<ext:ListItem Text="Sem Desconto" Value="0" />
<ext:ListItem Text="5%" Value="0.05" />
<ext:ListItem Text="10%" Value="0.10" />
<ext:ListItem Text="15%" Value="0.15" />
<ext:ListItem Text="20%" Value="0.20" />
<ext:ListItem Text="25%" Value="0.25" />
<ext:ListItem Text="30%" Value="0.30" />
<ext:ListItem Text="35%" Value="0.35" />
<ext:ListItem Text="40%" Value="0.40" />
<ext:ListItem Text="45%" Value="0.45" />
<ext:ListItem Text="50%" Value="0.50" />
<ext:ListItem Text="55%" Value="0.55" />
<ext:ListItem Text="60%" Value="0.60" />
<ext:ListItem Text="65%" Value="0.65" />
<ext:ListItem Text="70%" Value="0.70" />
<ext:ListItem Text="75%" Value="0.75" />
<ext:ListItem Text="80%" Value="0.80" />
<ext:ListItem Text="85%" Value="0.85" />
<ext:ListItem Text="90%" Value="0.90" />
<ext:ListItem Text="95%" Value="0.95" />
<ext:ListItem Text="100%" Value="1.00" />
</Items>
</ext:ComboBox>
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
</ext:ColumnLayout>
</Body>
</ext:FormPanel>
</Body>
</ext:Tab>
</Tabs>
<%-- Contatos --%>
<Tabs>
<ext:Tab ID="TabPanelDstContatos" runat="server" Title="Contatos" Icon="Group" Height="407">
<Body>
<ext:Store ID="StoreDstCtt" runat="server" OnRefreshData="AtualizaContatos">
<Reader>
<ext:JsonReader ReaderID="cttId">
<Fields>
<ext:RecordField Name="cttId" />
<ext:RecordField Name="cttNome" />
<ext:RecordField Name="cttSetor" />
<ext:RecordField Name="cttEmail" />
<ext:RecordField Name="cttCelular" />
<ext:RecordField Name="cttAdministrador" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
<ext:FitLayout ID="FitLayoutDstCtt" runat="server">
<ext:GridPanel ID="GridDstCtt" runat="server" StoreID="StoreDstCtt" StripeRows="true"
Header="false" Title="Contatos" Width="600" Height="290">
<TopBar>
<ext:Toolbar ID="ToolBarDst" runat="server">
<Items>
<ext:ToolbarButton ID="btn_cttAdd" runat="server" Icon="Add">
<ToolTips>
<ext:ToolTip ID="ToolTipCttAdd" runat="server" Title="Adicionar Contato">
</ext:ToolTip>
</ToolTips>
<AjaxEvents>
<Click OnEvent="showNovoContato">
</Click>
</AjaxEvents>
</ext:ToolbarButton>
<ext:ToolbarButton ID="btn_cttEditar" runat="server" Icon="ApplicationEdit" Enabled="false">
<ToolTips>
<ext:ToolTip ID="ToolTip2" runat="server" Html="Editar Sistema">
</ext:ToolTip>
</ToolTips>
<AjaxEvents>
<Click OnEvent="EditarContato">
<EventMask ShowMask="true" Msg="Carregando..." Target="CustomTarget" CustomTarget="#{GridDstCtt}" />
<ExtraParams>
<ext:Parameter Name="id" Value="#{GridDstCtt}.getSelectionModel().hasSelection() ? #{GridDstCtt}.getSelectionModel().getSelected().id : -1"
Mode="Raw" />
</ExtraParams>
</Click>
</AjaxEvents>
</ext:ToolbarButton>
<ext:ToolbarButton ID="btn_cttDelete" runat="server" Icon="Cross" Enabled="false">
<ToolTips>
<ext:ToolTip ID="ToolTipCttDelete" runat="server" Title="Exluir Contato">
</ext:ToolTip>
</ToolTips>
<AjaxEvents>
<Click OnEvent="ExcluirContato">
<Confirmation ConfirmRequest="true" Title="Alerta" BeforeConfirm="config.confirmation.message = alertMessageCtt()" />
<EventMask ShowMask="true" Msg="Carregando..." Target="CustomTarget" CustomTarget="#{GridDstCtt}" />
<ExtraParams>
<ext:Parameter Name="id" Value="#{GridDstCtt}.getSelectionModel().hasSelection() ? #{GridDstCtt}.getSelectionModel().getSelected().id : -1"
Mode="Raw" />
</ExtraParams>
</Click>
</AjaxEvents>
</ext:ToolbarButton>
</Items>
</ext:Toolbar>
</TopBar>
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:Column ColumnID="cttId" Header="Id" Width="160" Sortable="true" DataIndex="cttId"
Hidden="true" />
<ext:Column ColumnID="cttNome" Header="Nome" Width="130" Sortable="true" DataIndex="cttNome"
Fixed="true" />
<ext:Column ColumnID="cttSetor" Header="Setor" Width="75" Sortable="true" DataIndex="cttSetor"
Fixed="true" />
<ext:Column ColumnID="cttEmail" Header="E-Mail" Width="100" Sortable="true" DataIndex="cttEmail"
Fixed="true" />
<ext:Column ColumnID="cttCelular" Header="Celular" Width="85" Sortable="true" DataIndex="cttCelular"
Fixed="true" />
<ext:Column ColumnID="cttAdministrador" Header="Admin" Width="50" Sortable="true"
DataIndex="cttAdministrador" Fixed="true" MenuDisabled="true" Resizable="false" />
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" runat="server">
<Listeners>
<RowSelect Handler="#{btn_cttEditar}.enable(); #{btn_cttDelete}.enable();" />
<RowDeselect Handler="if(!#{GridDstCtt}.hasSelection()) {#{btn_cttDelete}.disable();}" />
</Listeners>
</ext:RowSelectionModel>
</SelectionModel>
<LoadMask ShowMask="true" />
<Listeners>
<CellClick Fn="editarContato" />
</Listeners>
<BottomBar>
<ext:PagingToolbar ID="PagingToolBarDstCtt" runat="server" PageSize="10" StoreID="StoreDstCtt"
PrevText="Página Anterior" NextText="Próxima Página" BeforePageText="Página"
AfterPageText="de" LastText="Última Página" FirstText="Primeira Página" DisplayInfo="true"
EmptyMsg="Não há Registros" RefreshText="Recarregar" DisplayMsg="Registro {0} - {1} de {2}" />
</BottomBar>
<AjaxEvents>
<RowDblClick OnEvent="EditarContato">
<EventMask ShowMask="true" Msg="Carregando..." Target="CustomTarget" CustomTarget="={#{GridDstCtt}.body}" />
<ExtraParams>
<ext:Parameter Name="id" Value="#{GridDstCtt}.getSelectionModel().getSelected().data.cttId"
Mode="Raw" />
</ExtraParams>
</RowDblClick>
</AjaxEvents>
</ext:GridPanel>
</ext:FitLayout>
</Body>
</ext:Tab>
</Tabs>
<%-- Clientes --%>
<Tabs>
<ext:Tab ID="TabPanelClientes" runat="server" Title="Clientes" Height="407" Icon="User">
<Body>
<ext:Store ID="StoreClienteDistribuidor" runat="server" AutoLoad="true" OnRefreshData="AtualizaClientes">
<Reader>
<ext:JsonReader ReaderID="clnId">
<Fields>
<ext:RecordField Name="clnId" />
<ext:RecordField Name="clnRazaoSocial" />
<ext:RecordField Name="clnCidade" />
<ext:RecordField Name="clnUF" />
<ext:RecordField Name="clnRamoAtividade" />
<ext:RecordField Name="clnTelefone" />
<ext:RecordField Name="clnPessoaContato" />
<ext:RecordField Name="clnEmailContato" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
<ext:FitLayout ID="FitLayout2" runat="server">
<ext:GridPanel ID="GrdClienteDistribuidor" runat="server" StoreID="StoreClienteDistribuidor"
StripeRows="true" Header="false" Width="600" Height="200">
<TopBar>
<ext:Toolbar ID="ToolBarCliente" runat="server">
<Items>
<ext:ToolbarButton ID="btn_clnAdd" runat="server" Icon="Add">
<ToolTips>
<ext:ToolTip ID="ToolTip3" runat="server" Title="Adicionar Cliente">
</ext:ToolTip>
</ToolTips>
<AjaxEvents>
<Click OnEvent="showNovoCliente">
</Click>
</AjaxEvents>
</ext:ToolbarButton>
<ext:ToolbarButton ID="btn_clnEditar" runat="server" Icon="NoteEdit" Enabled="false">
<ToolTips>
<ext:ToolTip ID="ToolTip4" runat="server" Title="Adicionar Cliente">
</ext:ToolTip>
</ToolTips>
<AjaxEvents>
<Click OnEvent="EditarCliente">
<EventMask ShowMask="true" Msg="Carregando..." Target="CustomTarget" CustomTarget="#{GrdClienteDistribuidor}" />
<ExtraParams>
<ext:Parameter Name="id" Value="#{GrdClienteDistribuidor}.getSelectionModel().hasSelection() ? #{GrdClienteDistribuidor}.getSelectionModel().getSelected().id : -1"
Mode="Raw" />
</ExtraParams>
</Click>
</AjaxEvents>
</ext:ToolbarButton>
<ext:ToolbarButton ID="btn_clnExcluir" runat="server" Icon="Cross" Enabled="false">
<ToolTips>
<ext:ToolTip ID="ToolTip5" runat="server" Title="Adicionar Cliente">
</ext:ToolTip>
</ToolTips>
<AjaxEvents>
<Click OnEvent="ExcluirCliente">
<Confirmation ConfirmRequest="true" Title="Alerta" BeforeConfirm="config.confirmation.message = alertMessage()" />
<EventMask ShowMask="true" Msg="Carregando..." Target="CustomTarget" CustomTarget="#{GrdClienteDistribuidor}" />
<ExtraParams>
<ext:Parameter Name="id" Value="#{GrdClienteDistribuidor}.getSelectionModel().hasSelection() ? #{GrdClienteDistribuidor}.getSelectionModel().getSelected().id : -1"
Mode="Raw" />
</ExtraParams>
</Click>
</AjaxEvents>
</ext:ToolbarButton>
</Items>
</ext:Toolbar>
</TopBar>
<ColumnModel ID="ColumnModelClnDst" runat="server">
<Columns>
<ext:Column ColumnID="clnId" Header="Id" Width="100" Sortable="true" DataIndex="clnId"
Hidden="true" />
<ext:Column ColumnID="clnRazaoSocial" Header="Razão Social" Width="150" Sortable="true"
DataIndex="clnRazaoSocial" />
<ext:Column ColumnID="clnCidade" Header="Cidade" Width="100" Sortable="true" DataIndex="clnCidade" />
<ext:Column ColumnID="clnUF" Header="UF" Width="50" Sortable="true" DataIndex="clnUF" />
<ext:Column ColumnID="clnRamoAtividade" Header="Ramo Atividade" Width="100" Sortable="true"
DataIndex="clnRamoAtividade" Hidden="true" />
<ext:Column ColumnID="clnTelefone" Header="Telefone" Width="100" Sortable="true"
DataIndex="clnTelefone" Hidden="true" />
<ext:Column ColumnID="clnPessoaContato" Header="Pessoa Contato" Width="100" Sortable="true"
DataIndex="clnPessoaContato" Hidden="true" />
<ext:Column ColumnID="clnEmailContato" Header="E-Mail Contato" Width="100" Sortable="true"
DataIndex="clnEmailContato" Hidden="true" />
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModelCln" runat="server">
<Listeners>
<RowSelect Handler="#{btn_clnEditar}.enable();#{btn_clnExcluir}.enable()" />
<RowDeselect Handler="if (!#{GrdClienteDistribuidor}.hasSelection()) {#{btn_clnEditar}.disable();#{btn_clnExcluir}.disable()}" />
</Listeners>
</ext:RowSelectionModel>
</SelectionModel>
<LoadMask ShowMask="true" />
<BottomBar>
<ext:PagingToolbar ID="PagingToolBarClnDst" runat="server" PageSize="10" StoreID="StoreClienteDistribuidor"
PrevText="Página Anterior" NextText="Próxima Página" BeforePageText="Página"
AfterPageText="de" LastText="Última Página" FirstText="Primeira Página" DisplayInfo="true"
EmptyMsg="Não há Registros" RefreshText="Recarregar" DisplayMsg="Registro {0} - {1} de {2}" />
</BottomBar>
<AjaxEvents>
<RowDblClick OnEvent="EditarCliente">
<EventMask ShowMask="true" Msg="Carregando..." Target="CustomTarget" CustomTarget="={#{GrdClienteDistribuidor}.body}" />
<ExtraParams>
<ext:Parameter Name="id" Value="#{GrdClienteDistribuidor}.getSelectionModel().getSelected().data.clnId"
Mode="Raw" />
</ExtraParams>
</RowDblClick>
</AjaxEvents>
</ext:GridPanel>
</ext:FitLayout>
</Body>
</ext:Tab>
</Tabs>
</ext:TabPanel>
<ext:StatusBar ID="FormStatusBarDst" runat="server" DefaultText="Ready">
<Plugins>
<ext:ValidationStatus ID="ValidationStatusDst" runat="server" FormPanelID="FormPanelDistribuidor"
ValidIcon="Accept" ErrorIcon="Exclamation" ShowText="Formulário inválido! Clique aqui para visualizar..."
HideText="Clique novamente para ocultar a lista." />
</Plugins>
</ext:StatusBar>
<UC1:Contatos ID="uc1" runat="server" />
<UC2:Clientes ID="uc2" runat="server" />
</Body>
</ext:DesktopWindow>
Thanks for attention!
