Orientação no processo de Sincronização de DETAILSVIEW com GRIDVIEW

Olá Sérgio, você já viu este artigo ?? É um passo a passo de como utilizar o GridView com o DetailsView, Veja se te atende e por favor me dê um retorno.   Abra o Visual Web Developer, crie um novo Web Site através do menu (File/New Web Site) e preencha as informações conforme indica a figura 01, escolhendo um nome apropriado para a pasta onde será criado o projeto (neste caso mantive o padrão sugerido, WebSite1).
Figura 01 – Criação do site Como padrão, o VS cria pra você o projeto e alguns arquivos como o Default.aspx.
Figura 02 – Página Default.aspx do projeto Nosso próximo passo será adicionar o arquivo Access em nosso projeto. Para isso acesse o Solution Explorer. Clique com o botão direito do mouse em cima da pasta App_Data e selecione Add Existing Item.  
Figura 03 – Adicionar o Banco de Dados Você pode utilizar seu banco de dados no exemplo e não precisa utilizar o que foi citado. Não precisa nem adicioná-lo ao projeto como é feito ok !? Apenas faça a conexão direta a ele e boa !   Selecione o arquivo Northwind.mdb (geralmente localizado na pasta C:\Program Files\Microsoft Office\OFFICE11\SAMPLES\Northwind.mdb). e clique em Add. Realizando estes procedimentos o banco de dados fará parte do nosso projeto como mostra a próxima Figura 04. Note que o arquivo é copiado pelo VWD para a pasta AppData.  
Figura 04 – Banco já adicionado Dê um clique duplo no arquivo Northiwnd.mdb que se encontra no Solution Explorer, isso fará com que o Database Explorer carregue todas as tabelas do arquivo.
Figura 05 – Database Explorer Arraste a tabela Employees sobre o arquivo Default.aspx (página de nosso projeto) e perceba que automaticamente o GridView é preenchido com as colunas da tabela selecionada. Perceba que a conexão também foi criada (AccessDataSource), como mostra a Figura 06.
Figura 06 – AccessDataSource Neste exemplo não vamos precisar de todas as colunas da tabela Employees. Para modificar, precisamos configurar o AccessDataSource. Clique em seu smart tag, a seta no canto direito superior do controle, para abrir o AccessDataSource Tasks (Figura 07).
Figura 07 – AccessDataSource Tasks Clique em Configure Data Source para abrir o assistente. Figura 08.
Figura 08 – Assistente de configuração de Banco de Dados Perceba que a primeira tela do assistente mostra o caminho onde está nosso arquivo Northwind.mdb. Clique em Next para termos acesso a todas as tabelas do banco. Clique em Specify columns from a table or view e, em Name, selecione a tabela Employees.
Figura 09 – Tabela do banco de dados Selecione somente as colunas EmployeeID, LastName, FirtName, Title e HireDate como na Figura 09. Em seguida, clique em Advanced. Em Advanced SQL Generation Options, marque Generate INSERT, UPDATE, and DELETE statements como mostra a Figura 10, o que faz com que os comandos SQL sejam criados pelo assistente. Clique em OK e em Next.
Figura 10 – Advanced SQL Generation Agora iremos testar a Query clicando em Test Query. Podemos ver o resultado do comando Select como mostrado na próxima figura. Clique em Finish e em seguida você será questionado se deseja atualizar o GridView. Clique em sim para concluir.
Figura 11 – Test Query Nosso próximo passo será formatar o GridView, habilitar a paginação, ordenação e seleção. Formate com um esquema que lhe agrade, clicando em Auto Format. Agora habilite Enable Paging, Enable Sorting e Enable Selection (Figura 12).
Figura 12 – Configuração do GridView Neste momento, podemos fazer o primeiro teste em nosso aplicativo. Pressione Ctrl + F5 para rodar a aplicação e em seguida teremos o browser exibindo o GridView com os dados da tabela Employee (Figura 13).
Figura 13 – Tabela sendo apresentada no Explorer Caso deseje, você pode alterar o cabeçalho das colunas, formatar a coluna Data e modificar outras opções através da tela Fields. Para isso acione a Smart Tag e clique em Edit Columns. Na Figura 14, por exemplo, alterei o cabeçalho da coluna HireDate para Hire e formatei para exibir a data no formato DD/MM/YYYY.
Figura 14 – Configuração da Data Complementando nosso projeto, vamos incluir o componente DetailsView. Desta forma, ao selecionarmos uma linha no GridView teremos a possibilidade de alterar os dados do registro. Pressione Ctrl + Alt + X para acessar o Toolbox e arraste o componente DetailsView (Figura 15) debaixo do GridView. Figura 16.
Figura 15 – Toolbox
Figura 16 - DetailsView Agora vamos criar um novo Data Source, no DetailsView Tasks clique em New data source. Selecione Access Database e clique em OK. Figura 17.
Figura 17 – Access Database Com isso, na próxima tela teremos que localizar o arquivo Northwind.mdb em Choose a Database. Clique em Browse, em App_Data selecione o banco e clique em Ok.
Figura 18 – Selecionar o Banco Northwind.mdb Como na primeira conexão, vamos utilizar a tabela Employee. Marque novamente as colunas como na Figura 09. Novamente clique em Advanced e marque Generate INSERT, UPDATE, and DELETE statements como na Figura 10 e clique em OK. Até agora nossa nova conexão não tem nada de diferente da primeira, mas para que possamos exibir os dados da linha selecionada no GridView precisamos configurar a clausula WHERE, de um clique no botão WHERE, teremos acesso a tela Add WHERE Clause, em Column selecione a chave primária da tabela Employee que (EmployeeID), Operator (=) e em Source (Control), em Control ID: (GridView1), clique em Add, (Figura 19) em seguida ok.
Figura 19 – Configurar o que será mostrado Clique em Test Query e verá a janela Parameter Values Editor (Figura 20). No campo Value digite o número 2 e clique em Ok.
Figura 20 – Digitando o valor O Assistente mostra o resultado em um grid (Figura 21). Clique em Finish.
Figura 21 – Mostrando o resultado do valor pedido Para formatar o DetailsView, clique em Format no DetailsView Tasks e escolha um esquema que lhe agrade.  Habilite também a opção Editing, com isso poderemos alterar o registro (Figura 22).
Figura 22 – Configurando o DetailsView Pressione CTRL+F5 para rodar a aplicação. Selecione um registro e perceba que os dados serão exibidos no DetailsView como na Figura 23. Caso necessite, você pode clicar em Edit e alterar o registro. Outra opção que você também pode selecionar é habilitar as opções de Inserir (Enable Inserting) e Excluir (Enable Deleting).
Figura 23 – Projeto concluído com a edição do registro selecionado Espero ter ajudado, Aguardo retorno Abraços   Carlos Júnior

Carlos   Bom Dia   Já tinha visto este post, mas não me atendeu porque na primeira vez que roda a aplicação o DetaislViews não aparece pelo fato de não ter um ID_GRIDVIEW selecionado.   Se houver um maneira de resolver isto esta solução me atenderá. Já fiz até um SqlDataSourceUnico para associar a DetailsView, mas não consegui fazer com que na primeira vez ele venha com algum valor ou em Modo de Inclusão por exemplo.   Uma outra coisa que tentei sem sucesso foi "REPROGRMAR" o botão select, de modo que eu pudesse pegar o ID da linha e repassar para o ID do DetailsView.   bom, fico no aguardo de sua ajuda!   Abs Sérgio              

Carlos   Existe alguma maneira de fazer com como Detailsviews na primeira vez vem em modo de Inclusão e exiba o GridView?   Um outro problema que estou encontrando é a questão de não conseguir fazer um refres do GRIDVIEW após uma Inclusão, Exclusao ou Alteração.   O que eu teria que fazer para fazer um GridView.DataBind após os eventos do DetailsView?   Abs Sérgio

Olá Sérgio, bom eu achei que tinha entendido a fundo seu problema, mas vejo que não..   vamos por passos:   Qual o seu problema com o GridView e DatailsView ?   Pois a ligação entre eles eu vi que você já fez.. e é bem simples isso.. No exemplo que eu mandei tem tudo, o insert, update e delete atualizando o Grid...   Não entendi o seu problema então !   Aguardo   Carlos Jr

Carlos   Vamos lá..   Coloquei no form 1 DetaisViews ligado a um datasoource SqlClienteUnico, onde ele vai depender de receber o valor quando for clicado no Select do GRIDVIEW.   Coloquei um GRIDVIEW  ligado a um datasource SqlClientes (select * from clientes)   A ordem dos componentes está, primeiro deve aparecer o DetaislViews e embaixo dele o GridViews.   Desta maneira esta acontecendo que o DetaislViews na primeria vez que o formulário é carregado ele não aparece, pois, ainda não tem nenhum código passado pelo select.   Qdo chamo a tela pela primeira vez, só vem o GRIDVIEW, ai qdo clico no Select é q aprece o DetaislViews.   -- Obs: Tentei anexar arquivo, mas  não consegui.    

  A questão pendente é como fazer para que o DetaislViews aparece na primeira vez que a tela for carregada junto com o GRIDVIEW?   Existe alguma maneira de trocarmos o SQLDATASOURCE q esta vinculado a ele dinamicamente?   Abs Sérgio

Bom, agora ficou mais claro.. Cara, o correto é isso mesmo, o DetailsView aparecer somente quando você coloca valor nele, a mesma coisa ocorre como GridView, se reparar ele só aparece se tiver registros. Mas existe uma maneira dele aparecer no carregamento da tela, a solução é simples...   If(!IsPostback) {      }  

  Adicione ao código....

if(!IsPostBack) {
    DetailsView1.DataBind();
}

Abraços   Aguardo retorno   Carlos Jr

Carlos   Já tinha pensando nisso também, mas esbarrei na questão que mesmo por postBack, o DetailsViews vai ficar aguardando um Codigo passado pela GRIDVIEW.   Inicialmente para resolver a questão estou definindo um valor default para o DetailsView, mas a questão é q eu tenho que definir um valor especifico. Teria alguma maneira de definir uma condição, tipo, o 1o. registro ?  

Opa, isso que você quer fazer é meio gambiarra... hehehe   Vamos fazer da maneira correta blz !?   Seguinte, como te falei o estado normal de um detailsview é invisívil caso não haja registros, pois não há necessidade de se mostrar um objeto se ele não tem registros. Mas existem uma solução..   Utilize as 3 propriedades abaixo para resolver seu problema... Veja qual se adapta ao que vcoê deseja, pois as três tem o mesmo fundamento, mostrar alguma informação quando não há registro.     EmptyDataRowStyle Obtém uma referência ao objeto TableItemStyle que permite que você definir a aparência da linha de dados vazio exibida quando o fonte de dados vinculado a um controle DetailsView não contém os registros.   EmptyDataTemplate Obtém ou define o conteúdo definido pelo usuário para a linha de dados vazio processado quando um controle DetailsView está vinculado a um fonte de dados que não contém os registros.   EmptyDataText Obtém ou define o texto para Exibir na linha de dados vazio processados quando um controle DetailsView está vinculado a um fonte de dados que não contém os registros.   Abraços   Aguardo contato...   Carlos Jr

E aí Sérgio, blz ?   Conseguiu resolver ? Algum problema ?   Aguardo seu contato..   Abraços   Carlos Jr

Carlos   Este comandos são interessantes mas pelo que entendi, são apenas para o caso da tabela estar vazia, o que não é o caso,  porque a base de dados que tenho já esta populada.   A questão é que o DetailsViews na 1a. vez, fica aguardando um ID do GRIDVIEW, enqto eu não clico no Select, que passa este Valor, o detailsview não aparece.   Como vc disse, a questão de definir um valor default é meio gambiarra, pq na pratica, eu teria q saber pelo menos o valor inicial de cada tabela ou fazer uma select que decobrisse pelo menos o ultimo codigo do ultimo registrao cadastrado para poder passar como parametro para o detailsviews. A questão que não sei como é que posso passar este valor para o DetailsViews da mesma maneira que o GridView passa, qdo clicamos no select.   O problema não é a tabela vazia. O problema é que na 1a. execução o detaislview não aparece pq não tem um valor para o seu select.    

Bom, como eu lhe disse, o detailsview não deve aparecer enquanto não houver dados nele selecionado, é como ele nasceu... Cara, se você mostrar um registro no DetailsView logo que entra na tela, está errado.. pois o usuário não selecionou nenhum registro, porquê mostraria o detalhe de um registro no DetailsView de um registro que não foi selecionado...   A função do DetailsView é mostrar um registro que foi selecionado, que no caso que você está querendo no existe.   o componente não foi desenvolvido para essa função, se deseja manipular os campos de um detalhe, crie seu prórprio form em uma DIV e coloque o método selecionar jogando os valores para dentro dos campos da DIV, sacou !?   Fiz vários testes, e várias pesquisas.. O DetailsView não funciona da forma que você deseja, terá que criar a parte de detalhes na mão, que não é complicado fazer isso.. é bem fácil.. A Msft desenvolve ferramentas para facilitar sua vida, não para complicar, se caso a ferramente não lhe atende faça uma...   Bom se precisar de uma ajuda para fazer a parte de detalhes me fale, que lhe ajudo.   Abraços   Carlos Jr

Carlos Bom Dia   Me senti agora na beira de um abismo... Sem saida!!! Esta é a parte chata de se trabalhar com Wizards.   Apenas para contornar a situação e fecharmos este post, (antes que o Guinter puxe a nossa orelha rs.rs), até consegui uma solução menos "POG", qual daqueles três eventos que vc indicou, seria o mais indicado para que o DetaislViews aparecesse na tela, de modo vazio, apenas em exibição? Até tentei deixar o DetailsViews em DefaultMode Insert, mas ai não consigo fazer a Alteração/Exclusão.   Resolvendo isto já ta bom pra mim.   Abs Sérgio  

Fala Sérgio, bom como lhe disse, não há como mostar o controle DetailsView sem dados dentro, a não ser que selecione um registro para ele mostrar os detalhes entende. Ele foi desenvolvido para mostrar detalhes, caso não há nenhum ele não será exibido. As propriedades que lhe mostrei é justamente para mostar um mensagem quando não existir detalhes de um registro selecionado, isso não resolve seu caso.   É simples você desenvolver seu próprio detailsview, crie uma div com os campos internamente, não utilize DataSource´s , utilize consultas comuns de um registro selecionado e no método de retorno, coloque os valores em seus respectivos campos. Seria uma consulta simples mesmo, sem wizards (bléééhh) .   Abraços   no aguardo   Carlos Jr

Ok!   Joguei a toalha!   Obrigado!

Oi Sérgio, não quer mesmo fazer da outra maneira ? Com DIV´s ?   Você quem sabe, gostaria muito de lhe dar uma solução, mas para o DetailsView é meio complicado.   Vou continuar a pesquisar sobre, pesquisei demais e não achei nada.. Caso eu ache alguma coisa lhe contacto.   Quer que eu feche o chamado ?   No aguardo   Carlos Jr

Ok. Vc venceu (Batata Fritas - Grande Blits!)   Me rendo as Divis. Desisto do DetaislViews. Se nem o mestre consegue, quem sou eu para discutir!!!   Por onde eu começo? Tem alguma V.A sobre isto ?     Abs Sérgio  

Sérgio, a parada é simples... pode ser um panel, uma div ou tabela... vc coloca os campos de detalhes no objeto.. TextBox, Dropdowns e etc... Cria um grid normal, com o botão editar... no método RowCommand do grid você busca as informações de detalhe na base de dados pesquisando pelo código e popula os campos da tela.. sacou !?   consultas simples sem utilizar wizards que são bons para aplicações engessadas...   ;)   O curso que eu fiz de camadas, dá para ter noção de como fazer essas consultas...   https://www.devmedia.com.br/articles/viewcomp.asp?comp=7116   se não tiver acesso a esse curso me fale que damos acesso pra você.   abraços.. No aguardo...  

Carlos   Bom Dia   Apenas complementando o aprendizado do DetailsViews, gostaria de saber aonde é que fica armazenado os códigos dos Select/Updade/Delete/Insert   Abs Sérgio    

Opa, blz Sérgio.. Esses códigos ficam dentro o DataSource, lembra que neles você coloca as querys e etc.. bom, as que você não cria ele cria automaticamente... mas todos os códigos ficam dentro do DataSource.   Se caso quiser interceptá-los, você terá que esquecer Wizards e criar as consultas e o métodos na mão.. Blz ?   Aguardo seu retorno   Abraços   Carlos Jr

Oi Sérgio, podemos fechar esse chamado ?   Abraços   Carlos Jr

Carlos   Pelo que vi, acho q te mandei a ultima duvida pelo seu email, e  não por aqui.   Apenas para fecharmos, há algul jeito de  associar um DataSource manualmente para o Detailsviews como se faz com um GRIDVIEW?   Exemplo:      string strConexao = ConfigurationManager.ConnectionStrings["rhdConnectionString"].ToString();
   string conteudopesquisa;      SqlConnection Conexao = new SqlConnection(strConexao);    Conexao.Open();      string SQL = "Select * from tb_cliente where cd_cliente = @parametro";    SqlCommand cmdPesquisa = new SqlCommand(SQL, Conexao);      cmdPesquisa.Parameters.Clear();
   cmdPesquisa.Parameters.AddWithValue("parametro",txtcodigo.Text);
     SqlDataReader dr = cmdPesquisa.ExecuteReader();
      dvClientes.DataSource = dr;   // < Se eu fizer isto aqui, haverá algum problema no decorrer do uso do DetailsViews ?      dvClientes.DataBind();   // Só isto para  fechar.   // Por mais que seja engessado, "Precisamos descobrir como passar um parametro para a 1a. leitura do DetaislViews".   Abs Sérgio  

Sérgio, Bom sobre enviar dúvidas por email, me desculpe, só respondo dúvidas pelo sistema de chamados, são regras que tenho que seguir.   Se tivesse sem wizards, já estava pronto.. hehe fazendo seus próprios forms. Você ainda não viu que está perdendo tempo, tentando fazer algo que não vai funcionar por muito tempo cara... se você passar um código fixo para o datasource, ele vai funcionar até esse código existir, caso contrário quando excluir vai dar pau.. Sem contar que quando o usuário entrar nessa tela com dados de um registro selecionado, vai achar esquesito demais, pois ele não selecionou nada... Como o próprio nome diz.. ele é uma Visão de Detalhes de um registro selecionado, se não é selecionado não tem detalhes... Se quiser mostrar os campos mesmo vazios, terá que fazer seu próprio form de detalhes.. A msft faz as wizards para facilitar a sua vida, não para complicar... Se o objeto pronto dela não te atende, você tem que fazer o seu...   Os wizrads são engessados.. Olha, na configuração do datasource do DetailView, você tem como colocar um código, Default Value depois que você coloque que o valor vem de um controle...   Coloque um Label vazio na tela... na propriedade Text coloque 1   Entra no datasource, faça o select, selecione a opção WHERE, selecione o campo de código, coloque "= ", selecione o item control, no dropdown selecione o controle Label, e coloque no campo Default Value o item que você quer selecionar primeiro.   Pronto, seu código está engessado...   Abraços   Carlos Jr  

Carlos,   Boa Tarde   Então veja se isto é possivel..   Coloco um label no formulário, com a propriedade Visible = true e no pageload do formulário, faço um select buscando o ultmo registro e colocando o valor neste label. em seguida faço um databind no detailsview para a primeira vez...   A questão agora será, como fazer com que o usuario clicar no Select, eu mande o valor para o Label, para que o DetailsView busque o valor selecionado ??   Resolvendo isto, post, fechado!!!   Obrigado!   PS-Definitivamente minhas próximas aplicações não terão detailsviews... Peguei a coisa no meio do caminho e como estou novo no projeto não qro questionar!            

Cara, só existe uma possibilidade disso funcionar... se , somente se o DetailsView aceitar o Databind depois de você carregar o valor do selecte no Label..     faça o select, carregue o ultimo registro.. coloque o valor no Label, e faça um Databind do DetailsView novamente...   Se isto funciona blz... Caso contrário, desista... Wizards não foram feitos para mexer muito.. eles são engessados... e isso que está fazendo não está legal.. Aconselho novamente a fazer a tela com seu próprio formulário de detalhas.. mas... isso é contigo...   Abraços   Carlos Jr

ok. blz.    Nos proximo seguirei o seu conselho!   é só mesmo para resolver esta pendenca aki.   desculpa pela insistência nesta solução e Obrigado!   chegamos a algo viavel. Solução atendida (Post pode fechar)!!   PS - Tenho que mergulhar em DOT.NET e estava querendo alguma dica de publicações já lançadas com algumas técnicas e melhores praticas para se trabalhar com DOT.NET. (terei que abrir um post para isto ?)     Abs Sérgio
 

Sérgio, como lhe falei.. é complicado mexer com os wizards... se no momento que entrar na tela buscar o ultimo registro da tabela, colocar no label e mandar carregar o detailsview, o mesmo será carregado..   Abraços

Olá Sérgio tudo bem ? Gostaria de saber se esse seu problema foi resolvido, para que possamos fechar o post...   como lhe falei, controles wizards sõ engessados, não tem como fazer muitas implementações, se você colocar um valor no label antes de carregar a tela toda e executar o bind do detailsview, apontando o datasource do mesmo  para pegar o valor no label, o detailsview vai ser carregado com o registro selecionado.   Essa é a unica solução, caso não lhe atenda, você deverá fazer como te falei, desenvolver seu próprio formulário de detalhes, ok !?   Fico no aguardo de um retorno para fecharmos esse chamado..   Abraços   Carlos Jr

Olá Sérgio tudo bem ? Gostaria de saber se esse seu problema foi resolvido, para que possamos fechar o post... como lhe falei, controles wizards sõ engessados, não tem como fazer muitas implementações, se você colocar um valor no label antes de carregar a tela toda e executar o bind do detailsview, apontando o datasource do mesmo para pegar o valor no label, o detailsview vai ser carregado com o registro selecionado. Essa é a unica solução, caso não lhe atenda, você deverá fazer como te falei, desenvolver seu próprio formulário de detalhes, ok !? Fico no aguardo de um retorno para fecharmos esse chamado.. Abraços Carlos Jr