ASP.NET 2.0

XmlDataSource

 

Nos artigos anteriores nós conhecemos dois componentes de acesso a dados do Visual Studio 2005, o SqlDataSource e o ObjectDataSource, neste iremos trabalhar com outro componente o XmlDataSource. O objetivo será criar um arquivo chamado Pacientes.xml e consumir este xml em um GridView através do XmlDataSource.

 

No final do artigo iremos configurar o GridView para exibir as linhas de uma determinado convênio do paciente com outras cores, se diferenciado das demais linha.

 

Requisitos: Visual Studio 2005 Beta II ou Visual Web Developer 2005 – Beta 2

 

1. Abra o VWD, clique em - File / New Web Site.

1.1. Em Templates selecione ASP.NET Web Site .

1.2. Selecione a linguagem Visual C#.

1.3. Digite o nome do projeto como XmlDataSource e clique em OK.

Iremos adicionar em nosso projeto um arquivo XML, chamado Pacientes.xml.

 

2. Clique no menu File / New File.

2.1. Em Templates selecione XML File.

2.2. Digite o nome do arquivo, Pacientes.xml (Figura 1)

Figura 1 – Adição do arquivo XML ao projeto.

 

O XML (extensible markup language – linguagem de marcação extensível) é uma tecnologia aberta (isto é, tecnologia não proprietária), portável, amplamente suportada para descrever dados, e está se tornando o padrão para armazenar dados que são trocados entre os aplicativos. Nosso próximo passo será criar a estrutura deste arquivo.

 

3. No arquivo Pacientes.xml digite as tags conforme (Listagem 1).

 

Listagem 1 – Tags do arquivo Pacientes.xml

 

Agora vamos adicionar o GridView ao nosso projeto e associá-lo ao componente de dados XmlDataSource, em seguida através da propriedade Data File informar o arquivo Pacientes.xml.

 

4. Abra a Toolbox CTRL+ALT+X.

4.1. Em Data localize o componente GridView e arraste para o arquivo Default.aspx.

4.2. No Task Manager em Choose Data Source clique em New Data Source.

4.3. Selecione XML File e digite o ID como XmlDsPacientes. (Figura 2)

4.4. Clique em OK.

4.5. Na tela Configure DataSource em Data file / Browse selecione o arquivo Pacientes.xml. (Figura 3)

4.6. Clique em OK.

Figura 2 – Configuração do XmlDataSource.

 

Figura 3 – Pacientes.xml sendo adicionado ao Data Source.

 

Assim que clicamos em OK o GridView é automaticamente preenchido com os dados do arquivo XML. (Figura 4)

 

Figura 4 – GridView associado ao XmlDataSource.

 

Neste momento podemos testar nossa aplicação. Pressione CTRL+F5 para ver os dados sendo exibidos no IE. (Figura 5)

 

Figura 5 – Registros do arquivo XML sendo exibido IE.

 

Nosso próximo passo será configurar o GridView. Iremos configurar um scheme e destacar todos os registros em que o convênio seja Bradesco.

 

5. Abra o Task Manager.

5.1. Clique em Auto Format.

5.2. Em Select a scheme selecione Mocha. (Figura 5)

5.3. Clique em OK.

5.4. Abra a janela Properties pressionando F4.

5.5. Nesta janela localize o GridView.

5.6. Em seguida clique no raio, para acessar as propriedades do Gridview. (Figura 6)

5.7. Localize o evento RowDataBoud e de um clique duplo.

5.8. Em seguida digite o código conforme (Listagem 2)

Figura 5 – Formatação do GridView com o schema Mocha.

 

Figura 6 – Janela Properties

 

Listagem 2 – Método RowDataBound

 

Concluindo nosso artigo iremos rodar a aplicação.

 

6. Pressione CTR+F5 para salvar e compilar.

6.1. Na (Figura 7) podemos ver as linhas do convênio Bradesco selecionadas.

Figura 7 – Seleção de linhas.

 

 Conheça o mais novo portal para desenvolvedores .NET.

www.aspneti.com.br

 

Publique seus artigos e não deixe participar do fórum.

 

Clique aqui para assistir um vídeo aula deste artigo.

 

Abraços e até o próximo.

 

Fábio Galante Mans

fabio@aspneti.com.br

 

 

Leia meu blog no The Spoke:

http://br.thespoke.net/MyBlog/Galante/MyBlog.aspx