1. Crie (se já não existir), no banco de dados, uma coluna onde os nomes das categorias serão armazenadas (neste tuto, a coluna se chama “secao”, sem aspas, do tipo texto). Neste tuto, vamos usar o Access.
2. Crie uma nova pg ASPX no SharePoint Designer 2007 e na caixa de ferramentas “Dados” arraste um controle Access Data Source para a página; selecione-a e entre em “Configure Data Source”.
3. Selecione o banco de dados e clique em “Next”; na próxima tela, selecione a tabela (neste tuto, a tabela se chama tbnoticias), o campo "secao" e marque a opção “Return unique rows”, assim os nomes não se repetirão quando forem exibidos; a tela ficará assim:
categ1.JPG 40.49KB
43 downloads4. Clique em Next e em "Test query"; os nomes das seções deverão ser exibidos (neste tuto, criei as seções “economia”, “esporte” e “política”):
categ2.JPG 32.05KB
39 downloads5. Se td estiver ok, clique em "Finish".
6. Agora arraste um controle “Drop down list” e um “Button”, da caixa de ferramentas Controles do ASP.NET - Padrão:
categ3.JPG 25.43KB
31 downloads
categ4.JPG 25.87KB
27 downloads7. Selecione o controle DropDownList e entre em “Choose data source” – selecione o Access Data Source 1 (que criamos no passo 3) e a coluna secao:
categ5.JPG 27.08KB
26 downloads8. Clique em OK p/ confirmar a operação e agora selecione o “Button”; em Appearance – Text digite um texto para ser exibido no botão e em Behavior verifique se está selecionada a opção “UseSubmit...”:
categ6.JPG 29.73KB
31 downloads
categ7.JPG 25.08KB
31 downloads9. Agora precisamos criar um segundo controle AccessData Source – este que será responsável por exibir os dados selecionados na DropDownList, portanto, arraste um novo controle AccessData Source, entre em “configure” e selecione o banco de dados – Next;
10. Na tela seguinte selecione a tabela, os dados que deseja exibir (neste tuto, selecionei todos) e atenção - entre em “Where” para restringir a consulta ao campo selecionado na DropDownList. A tela ficará assim:
categ8.JPG 37.64KB
28 downloads11. Clique em Add; a tela ficará assim:
categ9.JPG 33.87KB
28 downloads12. Clique em OK p/ confirmar a operação e em Next; na tela seguinte acione “Test Query” e verifique se a consulta retorna o resultado desejado, preenchendo a linha “Value” com o nome de uma seção:
categ10.JPG 20.7KB
21 downloads
categ11.JPG 46.99KB
23 downloads13. Se td estiver ok, arraste um controle (sugerimos o datagrid) e associe-o à fonte de dados Access Data source 2 (criada nos passos 9 a 11):
categ12.JPG 24.33KB
22 downloads14. teste no navegador; deverão ser exibidas agora apenas as noticias relativas à seção selecionada:
categ13_final.JPG 44.74KB
32 downloadsSUGESTÃO DE EXERCÍCIOS: obviamente, vc não precisa (nem deve) se limitar à exibição de noticias; ao contrário, sugerimos mesmo que vc utilize este tuto como um ponto de partida e tente adaptá-lo para exibir outros tipos de dados, como funcionarios de um departamento, produtos em uma loja virtual etc. A imaginação é o limite; mãos à obra e boa sorte.
Edição feita por: Fernando C, 30/09/2009, 10:45.
