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 downloads
4. 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 downloads
5. 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 downloads
7. 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 downloads
8. 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 downloads
9. 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 downloads
11. Clique em Add; a tela ficará assim:
categ9.JPG 33.87KB 28 downloads
12. 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 downloads
13. 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 downloads
14. teste no navegador; deverão ser exibidas agora apenas as noticias relativas à seção selecionada:
categ13_final.JPG 44.74KB 32 downloads
SUGESTÃ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.