Se você é estudante de ensino médio ou de graduação, não perca a chance de aumentar / ou reciclar seus conhecimentos em

As inscrições para o Microsoft Students to Business (S2B) em Curitiba vão até o dia 19 de abril de 2010.

O Programa tem por objetivo aproximar estudantes de oportunidades de trabalho nas carreiras de Tecnologia de Informação.

Para isso inclui diversas ações, sendo as principais capacitações gratuitas nas plataformas Microsoft e aproximação com empresas que buscam mão-de-obra com esse perfil.

O programa tem um total de 84 horas/aula para capacitação de jovens, com um conteúdo que abrange palestras sobre o mercado de trabalho e aulas teóricas e práticas ligadas às carreiras de TI.

As capacitações são voltadas a estudantes do ensino médio e superior e visam preparar as próximas gerações de profissionais nas tecnologias Microsoft.

Ao longo de 3 fases os estudantes adquirem formação técnica para tornarem-se profissionais júnior desenvolvimento. Na primeira fase o curso traz informações sobre as carreiras de TI, na segunda, aulas teóricas e na terceira, aulas práticas, com o desenvolvimento de um projeto de formatura.

No encerramento são entregues certificados, em um evento que inclui uma feira de empregos, uma excelente oportunidade para você que ainda não trabalha ou está querendo trocar de empregador.

O Road Show é um evento presencial diferenciado e parte integrante da campanha Copa de Talentos da Microsoft Brasil.

Todas as sessões são focadas em demonstrações e explicações feitas ao vivo, utilizando um ambiente de demonstração com os últimos lançamentos da Microsoft.

Há apenas uma breve introdução teórica, para entendimento do cenário e depois, o time de Especialistas da Microsoft apresentam ao vivo, na prática, toda a solução sendo implementada passo a passo.

Neste evento será apresentado um caso fictício de uma empresa que possui vários desafios de TI (desenvolvimento de software e infraestrutura de TI), e como os novos produtos e tecnologias da Microsoft podem torna-la mais competitiva, com gerenciamento, segurança, escalabilidade e performance.

Serão abordados novos produtos como Windows Server 2008 R2, Windows 7, Exchange 2010, Visual Studio 2010, SQL Server 2008 R2, Office 2010, Sharepoint 2010, System Center, Forefront, Silverlight, etc.

Você aprenderá como virtualizar seu ambiente, criar ambientes de testes de desenvolvimento, utilizar da melhor forma as soluções de comunicação unificadas, tornar suas aplicações mais ricas além de muitas outras capacidades.

Ao termino do evento você aprenderá como tirar melhor proveito de tais tecnologias, tornando-se um diferencial competitivo.

O Road Show será tanto para desenvolvedores quanto para infra-estrutura.

Inscrição para Desenvolvedores

Inscrição para Infra-Estrutura

Nos encontramos lá!

Data: 06/05/2010 (Quinta-feira)
Horário: 08h00min às 17h30min
Local: Estação Embratel Convention Center (Rua Sete de Setembro, 2775)

Inscrições: R$ 50,00 Clique aqui e faça a sua inscrição.

Nos encontramos lá!

Fique por dentro das novas tecnologias da Microsoft em um evento presencial na cidade Curitiba realizado pelo Centro de Inovação da Microsoft.

Data: 27/03/2010 (Sábado)
Horário: 09h00min às 16h50min
Local: Auditório do Centro Tecnológico da Universidade Positivo (Rua Alf. Ângelo Sampaio,2300)

Inscrições: Clique aqui e faça a sua inscrição. Vagas limitadas!
Entrada: Uma lata de leite em pó.

Confira a programação

Eu já fiz a minha inscrição! Nos encontramos lá!

• Visual Studio 2010 Ultimate;
• Visual Studio 2010 Premium;
• Visual Studio 2010 Professional;
• Visual Studio 2010 Remote Debugger;
• Visual Studio 2010 F# 2.0 Runtime;

Todas as instalações estão no formato ISO. Se tiver alguma dúvida como instalar o Visual Studio a partir de uma ISO, acesse esse post o blog do Charles Sterling.

Saiba como remover as versões do Visual Studio .NET Beta e Release Candidate em: http://support.microsoft.com/kb/312383/pt

A partir de agora somente bug das classes serão tratadas para o ASP.NET MVC 2, todo e qualquer bug report será tratado no ASP.NET MVC 3.

Na Class Library criei um arquivo ADO.NET Entity Data Model, onde fiz o mapeamento das tabelas do banco de dados.

Configurei o Website para utilizar o modelo do Entity Framework da Class Library e ao executar o projeto estourou o erro abaixo:

The specified named connection is either not found in the configuration, not intended to be used with the EntityClient provider, or not valid.

Após pesquisar encontrei a solução:

Copie a string de conexão do app.config da Class Library para o Web.Config do Website que o .NET Framework passará a encontrar a conexão com o banco de dados.

Divirta-se.

Entre os destaques deste RC estão:

• Correções de Bug’s;
• Foco total em otimização e performance;
• Scripts de validação no cliente, que agora suporta globalização;
• Alterações na ValidationSummary.

Lista completa de alterações você encontra aqui.

A versão RTM está prevista para Março de 2010, até lá baixe o RC e continue seus estudos da Versão 2 do ASP.NET MVC.

É tempo de inovar com seu currículo!!!

O Centro de Inovação Microsoft de Curitiba , através de sua iniciativa de desenvolvimento da economia local de software, tem o prazer de convidá-lo para o Innovation Day, um evento técnico sobre as mais novas tecnologias Microsoft e informações sobre o mercado de TI.

Data: 04/07 (Sábado)
Horário: 10h00min às 17h30min
Local: Centro Tecnológico da Universidade Positivo
Rua Alf. Ângelo Sampaio,2300 – Auditório

Programação

O Evento será gratuito para todo o público. Não perca essa oportunidade!

Confirme sua presença até o dia 03/07 pelo telefone (41) 3335-7612, com Cláudia, ou pelo e-mail mic@techresult.com.br.

Para isso inclui diversas ações, sendo as principais capacitações gratuitas nas plataformas Microsoft e aproximação com empresas que buscam mão-de-obra com esse perfil. O programa tem um total de 84 horas/aula para capacitação de jovens, com um conteúdo que abrange palestras sobre o mercado de trabalho e aulas teóricas e práticas ligadas às carreiras de TI.

As capacitações são voltadas a estudantes do ensino médio e superior e visam preparar as próximas gerações de profissionais nas tecnologias Microsoft.

Ao longo de 3 fases os estudantes adquirem formação técnica para tornarem-se profissionais júnior de infra-estrutura ou desenvolvimento. Na primeira fase o curso traz informações sobre as carreiras de TI, na segunda, aulas teóricas e na terceira, aulas práticas, com o desenvolvimento de um projeto de formatura. No encerramento são entregues certificados, em um evento que inclui uma feira de empregos.

As inscrições estão abertas até o dia 02 de abril de 2009 e podem ser realizadas no endereço: http://www.programas2b.com.br.

O ASP.NET MVC vai acabar com o ASP.NET WebForms ?
Não, cada caso deve ser avaliado separadamente e os dois continuaram convivendo e agora será mais fácil atender um maior número de cenários.

Site oficial:
http://www.asp.net/mvc
Download:
ASP.NET MVC 1.0

Fonte: Ramon Durães

Neste artigo vou demonstrar como construir um componente Button com a funcionalidade de fazer o upload no Adobe Flex e como preparar o ASP.NET para salvar o arquivo no servidor.

Primeiro criaremos o componente uploadButton estendendo a classe Button, conforme o código abaixo.

package br.com.igormusardo.component
{
	import flash.events.Event;
	import flash.events.MouseEvent;
	import flash.events.ProgressEvent;
	import flash.net.FileReference;
	import flash.net.URLRequest;
	import flash.net.URLRequestMethod;
 
	import mx.containers.TitleWindow;
	import mx.controls.Button;
	import mx.controls.ProgressBar;
	import mx.core.Application;
	import mx.managers.PopUpManager;
 
	public class uploadButton extends Button
	{
		/**
		* Define qual o arquivo .NET será chamado para realizar o upload físico do arquivo
		*/
		private const UPLOAD_URL:String = "uploadFile.ashx";
 
		private var fr:FileReference;
		private var pb:ProgressBar = new ProgressBar();
		private var tw:TitleWindow;
 
		/**
		* Inicializa o FileReference e adiciona os EventListeners 
		*/
		public function uploadButton():void {
		    fr = new FileReference();
		    fr.addEventListener(Event.SELECT, selectHandler);
		    fr.addEventListener(Event.OPEN, openHandler);
		    fr.addEventListener(ProgressEvent.PROGRESS, progressHandler);
		    fr.addEventListener(Event.COMPLETE, completeHandler);
		}
 
		/**
		* Prepara o label da barra de progressão para informar o % de envio do arquivo
		*/
		private function openHandler(event:Event):void {
		    pb.label = "Uploading %3%%";
		}
 
		/**
		* Atualiza o percentual concluído.
		*/
		private function progressHandler(event:ProgressEvent):void {
		    pb.setProgress(event.bytesLoaded, event.bytesTotal);
		}
 
		/**
		 * Após o upload completo, é alterado o label da barra de progressão, informando ao usuário o fim da operação 
		 */
		private function completeHandler(event:Event):void {
		    pb.label = "Upload Complete";
		    PopUpManager.removePopUp(tw);
		}
 
		/**
		 * Após o arquivo selecionado o upload é executado. 
		 */
		private function selectHandler(event:Event):void {
		    var request:URLRequest = new URLRequest();
		    request.url = UPLOAD_URL;
		    request.method = URLRequestMethod.POST;
		    openWindow()
		    fr.upload(request);
		}
 
		/**
		 * Abre popUp com a progressBar. 
		 */
		private function openWindow():void{
			tw = new TitleWindow();
			tw.title = "Uploading File";
			tw.width= 250;
			tw.height= 80;
			pb.percentHeight = 100;
			pb.percentWidth = 100;
			tw.addChild(pb); 
			PopUpManager.addPopUp(tw, this, true);
			tw.x = (Application.application.width - tw.width) / 2; 
			tw.y = (Application.application.height - tw.height) / 2;
		}		
 
		/**
		* Abre a janela para escolher o arquivo a ser feito o upload.
		*/					
		override protected function clickHandler(event:MouseEvent):void {
			fr.browse();
        }
	}
}

O componente funciona da seguinte forma: Ao clicar sobre o botão, abrirá a janela para escolher qual arquivo será carregado para o servidor. Após escolhido o arquivo e clicado em Abrir, o Adobe Flex enviará o arquivo via POST para o ASP.NET, e o mesmo gravará o arquivo no disco do servidor.

Ainda no Adobe Flex, é preciso colocar o botão na tela, para tanto utilize o código abaixo:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:im="br.com.igormusardo.component.*">
	<im:uploadButton x="10" y="10" id="btUp" label="Upload Arquivo"/>
</mx:Application>

Agora que encerramos a programação no Adobe Flex, precisamos ir para o .NET. Com Visual Studio aberto crie um novo Website, neste Website crie um arquivo do tipo Manipulador Genérico chamado de uploadFile.ashx, como na figura.

No arquivo uploadFile.ashx copie o código abaixo.

<%@ WebHandler Language="C#" Class="uploadFile" %>
 
using System.IO;
using System.Web;
using System.Web.Configuration;
 
public class uploadFile : IHttpHandler
{
    public void ProcessRequest(HttpContext _context)
    {
        string uploadDir = HttpContext.Current.Server.MapPath("~/upload/");
 
        if (_context.Request.Files.Count == 0)
        {
            _context.Response.Write("<result><status>Error</status><message>No files selected</message></result>");
            return;
        }
 
        foreach (string fileKey in _context.Request.Files)
        {
            HttpPostedFile file = _context.Request.Files[fileKey];
            file.SaveAs(Path.Combine(uploadDir, file.FileName));
        }
 
        _context.Response.Write("<result><status>Success</status><message>Upload completed</message></result>");
 
    }
 
    public bool IsReusable
    {
        get { return true; }
    }
}

Crie a pasta upload, onde os arquivos serão salvos pelo ASP.NET, dentro do Website e conceda permissões de leitura e escrita para o usuário IUSR_<>.

Compile sua aplicação do Adobe Flex e copie os arquivos compilados para a pasta do Website ASP.NET.

Pronto!

Execute o Website e abra a página FlexUpload.html e faça o upload dos arquivos quiser.

Faça o download do código-fonte.

Divirta-se!

Crie um novo projeto Web no Visual Studio, logo em seguida clique com o botão direito sobre a solução e escolha Add / New Item.

Na janela que se abrirá, selecione o Item DataSet e atribua o nome DsTerritorio.

Com o DataSet criado, clique com o botão direito dentro da janela do DataSet, escolha Add / TableAdapter, abrirá uma janela solicitando qual conexão com o banco de dados será utilizado para a construção do TableAdapter, crie a conexão com o SQL Server e salve com o nome NorthwindConn e clique em Next.

Na próxima janela selecione como o TableAdapter acessará o banco de dados, as opções possíveis são: SQL statements, criar nova Stored Procedure ou utilizar uma Stored Procedure já existente no banco de dados.

Deixe a opção Use SQL statements marcada e clique em Next.

A próxima janela é onde se insere o código SQL para o retorno dos dados, porém você pode utilizar o Query Builder, que é a ferramenta visual para construção de instruções SQL, portanto clique no botão Query Builder.

Após clicar no botão Query Builder, aparecerão duas janelas, a janela do próprio Query Builder e a janela de Add Table, a segunda janela já com as tabelas existentes no banco de dados.

Procure e selecione a tabela Region, em seguida, clique em Add. A tabela Region aparecerá no Query Builder.

Clique em Close, em seguida, selecione as duas colunas da tabela Region (RegionID e RegionDescription). Agora clique em Execute Query.

Se o resultado do Execute Query for igual à figura acima, clique em Ok. A próxima janela solicitará nomes para os métodos de Fill e Return que por padrão são Fill e GetData respectivamente.

Para a tabela Region, deixe os nomes sugeridos e clique em Next. A próxima janela exibirá o sumário da criação do TableAdapter. Clique em Finish.

Agora já é possível visualizar o TableAdapter dentro do DataSet dsTerritorio.

Ainda dentro do DataSet dsTerritorio, crie outro TableAdapter. Novamente, clique com o botão direito dentro do DataSet, escolha Add / TableAdapter, escolha a conexão com a base de dados, também escolha Use SQL statements.

Na janela do Query Builder, adicione a tabela Territories, selecione todas as colunas. Na linha RegionID, insira o parâmetro @RegionID na coluna Filter. O parâmetro será responsável por aplicar o filtro de qual região o SQL retornará os territórios.

Na janela de definições dos métodos, acrescente a expressão ByRegionID, após Fill e GetData. Dessa maneira apenas pelo nome do método é possível saber que um parâmetro chamado RegionID é esperado.

Agora que concluiu a criação do DataSet dsTerritorio, crie o DataSet dsVendedor, e dentro dele crie um TableAdapter com o SQL abaixo.

SELECT 	EmployeeTerritories.EmployeeID,
	Employees.FirstName + ' ' + Employees.LastName AS FullName,
	EmployeeTerritories.TerritoryID
FROM Employees INNER JOIN EmployeeTerritories
	ON Employees.EmployeeID = EmployeeTerritories.EmployeeID
WHERE (EmployeeTerritories.TerritoryID = @TerritoryID)

Acrescente ByTerritoryID na definição dos métodos Fill e GetData.

Após clicar em Finish, o TableAdapter criado estará com os nomes DataTable1 e DataTable1TableAdapter, altere-os para Employee e EmployeeTableAdapter.

Crie um novo DataSet chamado dsCliente, e também crie um novo TableAdapter com o código abaixo.

SELECT  Customers.CustomerID, Customers.CompanyName, CustomerEmployee.EmployeeID
FROM (SELECT CustomerID, EmployeeID
	FROM Orders
	GROUP BY CustomerID, EmployeeID) AS CustomerEmployee INNER JOIN
	Customers ON CustomerEmployee.CustomerID = Customers.CustomerID
WHERE (CustomerEmployee.EmployeeID = @EmployeeID)

Para os nomes dos métodos Fill e GetDate, não esqueça de adicionar ByEmployeeID em ambos.

Como no TableAdapter de vendedores, os nomes deste TableAdapter também não estão corretos, altere-os para Customers e CustomersTableAdapter respectivamente.

Para concluir a construção dos DataSets, crie mais um chamado dsPedido e também crie um novo TableAdapter com o código abaixo.

SELECT OrderID, CustomerIR, EmployeeID, OrderDate, ShippedDate,
	ShipName, ShipAddress, ShipCity, Shipcountry
FROM Orders
WHERE (CustormerID = @CustomerID) AND
	(EmployeeID = @EmployeeID)

Acrescente ByCustomerIDEmployeeID aos métodos Fill e GetData e clique em Finalizar.

Agora crie o último TableAdapter chamado OrderDetails conforme a figura abaixo.

Após a criação de todos os DataSets (Território, Vendedor, Cliente e Pedido) o projeto deve estar conforme a figura abaixo.

Copie os seguintes arquivos do diretório de instalação do WebOrb (por padrão em c:\inetpub\wwwroot\weborb30) para o diretório do projeto .NET.

/weborb.config
/bin/weborb.dll
/WEB-INF

Adicione o código XML abaixo ao web.config do projeto .NET.

<configuration>
 <system.web>
   <httpHandlers>
     <add verb="*" path="weborb.aspx" type="Weborb.ORBHttpHandler"/>
     <add verb="*" path="codegen.aspx" type= "Weborb.Management.CodeGen.CodegeneratorHttpHandler"/>
   </httpHandlers>
 </system.web>
</configuration>

É preciso referenciar o weborb.dll ao projeto, para isso no Solution Explorer do Visual Studio, clique duas vezes sobre a opção My Project, em seguida clique em References e depois em Add / References…

Clique na aba Browse, localize o diretório Bin do projeto, selecione o arquivo weborb.dll e clique em OK, salve o projeto e feche a janela My Project.

Clique com o botão direito sobre a solução e escolha Add / New Item, porém escolha Class e dê o nome de csFlex.vb.

Nesta classe serão criados os métodos de chamada e retorno dos DataSets e TableAdapters criados anteriormente, através desses métodos é que a comunicação entre o .NET e o Flex ocorrerá.

Insira o código abaixo ao arquivo csFlex.vb

Imports Weborb.Service
 
Public Class csFlex
 
    Public Function getRegion() As DataTable
        Return New dsTerritorioTableAdapters.RegionTableAdapter().GetData()
    End Function
 
    Public Function getTerritories(ByVal RegionID As String) As DataTable
        Return New dsTerritorioTableAdapters.TerritoriesTableAdapter().GetDataByRegionID(RegionID)
    End Function
 
    Public Function getEmployee(ByVal TerritoryID As String) As DataTable
        Return New dsVendedorTableAdapters.EmployeeTableAdapter().GetDataByTerritoryID(TerritoryID
    End Function
 
    Public Function getCustomers(ByVal EmployeeID As String) As DataTable
        Return New dsClienteTableAdapters.CustomersTableAdapter().GetDataByEmployeeID(EmployeeID)
    End Function
 
    Public Function getOrders(ByVal CustomerID As String, ByVal EmployeeID As String) As DataTable
        Return New dsPedidoTableAdapters.OrdersTableAdapter().GetDataByCustomerIDEmployeeID(CustomerID, EmployeeID)
    End Function
 
    Public Function getOrderDetails(ByVal OrderID As String) As DataTable
        Return New dsPedidoTableAdapters.OrderDetailsTableAdapter().GetDataByOrderID(OrderID)
    End Function
 
End Class

Salve e feche o arquivo csFlex, agora compile o projeto. Caso o Visual Studio sinalize algum erro, volte e execute os passos novamente.

Antes de criar a interface no Adobe Flex, crie a aplicação Web no Internet Information Services (IIS) com o nome do projeto, verifique se ao acessar o endereço através do navegador uma página em branco é exibida.

Agora já com a aplicação web configurada no IIS, abra o Adobe Flex Builder 3, adicione um novo projeto (File / New / Flex Project).

Agora defina o nome do Projeto, se a opção Use default location estiver marcada, desmarque-a e localize o endereço do projeto .NET e dentro da pasta do projeto crie uma nova pasta chamada FlexSrc. O Project location do Flex deve ficar como a figura abaixo. A opção de Application type deixe marcado Web Application, e em Server technology selecione ASP.NET. Clique em Next.

Na próxima janela, na opção Server selecione Use Internet Information Services (IIS), em Web application root informe o diretório raiz da aplicação web definida no IIS e no campo Web application URL informe o endereço da aplicação no IIS. Após clicar no botão Validate Configuration, na parte superior da janela o Flex Builder deve ser informar: “The web application root and URL are valid”, caso apareça outra mensagem, os endereços informados não estão corretos, corrija antes de prosseguir.

Na mesma janela, um pouco abaixo está definida a pasta bin-debug como local a serem salvos os arquivos Flex compilados, deixe o nome que o Builder sugeriu e clique Next.

Na última janela de configuração do projeto Flex, é possível definir qual a pasta onde o Flex Builder salvará os arquivos fontes, bem como qual o nome do primeiro arquivo do projeto a ser criado.

Deixe os campos preenchidos como o Builder sugeriu e clique em Finish. Após alguns segundos o Adobe Flex Builder 3 exibirá o arquivo ArtigoFlex.mxml pronto para o início da construção da interface da aplicação.

Porém antes começar a codificar é necessário incluir um argumento de compilação ao projeto, pois sem esse argumento o Flex não conseguirá acessar os métodos construídos na classe csFlex. Para incluir o argumento, clique com o botão direito sobre o nome do projeto no Flex Navigator e em seguida clique em Properties. Com a janela de propriedades aberta, clique sobre a opção Flex Compiler, e insira o argumento após o argumento –locale en_US

-services c:\Inetpub\wwwroot\weborb30\web-inf\flex\services-config.xml

Após inserir o argumento services, clique em OK.

Agora com o projeto corretamente configurado e pronto para comunicar com o .NET é possível iniciar a construção da interface, para tanto crie um painel, entre as tags , com o título Painel de Vendas, esse painel terá um tamanho ajustável conforme as dimensões do navegador do cliente, para isso configure as propriedades left, right, top e bottom, todos com o valor 10.

<mx:Panel layout="absolute" left="10" right="10" top="10" bottom="10" title="Painel de Vendas">
</mx:Panel>

É possível verificar como o projeto está ficando, bastar clicar no Play.

Dentro do painel, crie um canvas na cor cinza.

<mx:Canvas height="42" left="0" top="0" right="0" backgroundColor="#F3F3F3" borderStyle="none" borderThickness="1" borderColor="#C2BEBE">
 
</mx:Canvas>

Dentro do canvas coloque os labels e comboboxs que serão utilizados para selecionar região, território, vendedor e cliente, coloque também dentro do canvas o botão consultar.

<mx:Label y="12" text="Região" horizontalCenter="-348"/>
<mx:ComboBox y="10" id="cbRegion" labelField="RegionDescription" width="89" horizontalCenter="-274"></mx:ComboBox>
<mx:Label y="12" text="Território" horizontalCenter="-194"/>
<mx:ComboBox y="10" id="cbTerritory" labelField="TerritoryDescription" width="89" horizontalCenter="-114"></mx:ComboBox>
<mx:Label y="12" text="Vendedor" horizontalCenter="-32"/>
<mx:ComboBox y="10" id="cbEmployee" labelField="FullName" width="89" horizontalCenter="49"></mx:ComboBox>
<mx:Label y="12" text="Cliente" horizontalCenter="124"/>
<mx:ComboBox y="10" id="cbCustomer" labelField="CompanyName" width="89" horizontalCenter="198"></mx:ComboBox>
<mx:Button y="10" label="Consultar" width="119" horizontalCenter="310" id="btConsultar"/>

A propriedade horizontalCenter define qual a distância em pixel que um objeto está do centro da página, valores negativos representam objetos a esquerda do centro da tela e valores positivos representam objetos a direita, os valores definidos garantem que os objetos estarão sempre centralizados.

labelField é a propriedade que define qual o campo que será exibido como label do combobox. O Adobe Flex trabalha de maneira diferente do .NET quando o assunto é combobox ou dropdownlist, pois no .NET é possível definir apenas dois valores ao dropdownlist, o datatextfield e o datavalueFfeld, já no Adobe Flex só se define qual será o valor de exibição do combobox, labelField, pois cada linha de opção do combobox é um objeto com propriedades. Essas propriedades são as colunas que retornaram do banco de dados, logo você não tem acesso a somente duas colunas como dropdownlist, você tem acesso a todas as colunas que retornaram do banco de dados.

A propriedade Y define qual a distância que o objeto tem do topo do componente ao qual ele está pertencendo, neste caso, y=”12” diz ao Flex que o label está a 12 pixel do topo do canvas.

Após o canvas inclua um datagrid onde serão exibidos os pedidos resultantes da consulta ao banco de dados.

<mx:DataGrid id="dgPedido" right="10" left="10" top="55" bottom="10">
<mx:columns>
	<mx:DataGridColumn headerText="Detalhes" width="85"/>
	<mx:DataGridColumn headerText="Data Pedido" dataField="OrderDate"/>
	<mx:DataGridColumn headerText="Data Entrega" dataField="ShippedDate"/>
	<mx:DataGridColumn headerText="Entregue para" dataField="ShipName"/>
	<mx:DataGridColumn headerText="Endereço" dataField="ShipAdress"/>
	<mx:DataGridColumn headerText="Cidade" dataField="ShipCity"/>
	<mx:DataGridColumn headerText="País" dataField="ShipCountry"/>
</mx:columns>
</mx:DataGrid>

Para fazer a comunicação entre a interface Flex e a aplicação server-side .NET utilize o componente RemoteObject do Adobe Flex 3.

<mx:RemoteObject id="roNet" destination="GenericDestination"
	source="ArtigoFlex.csFlex" showBusyCursor="true"
	fault="faultHandler(event)" >
 
	<mx:method name="getRegion" result="gotRegion(event)" />
	<mx:method name="getTerritories" result="gotTerritories(event)" />
	<mx:method name="getEmployee" result="gotEmployee(event)" />
	<mx:method name="getCustomers" result="gotCustomers(event)" />
	<mx:method name="getOrders" result="gotOrders(event)" />
	<mx:method name="getOrderDetails" result="gotOrderDetails(event)" />
 
</mx:RemoteObject>

A propriedade destination deve sempre ser “GenericDestination” para a comunicação através do weborb, a propriedade source deve ser preenchida com o nome do projeto .NET e a classe que será acessada, então neste caso será “ArtigoFlex.csFlex”.

A propriedade showBusyCursor seta se será exibido ou não o relógio como cursor do mouse enquanto alguma requisição ao .NET estiver sendo feita. E finalmente, fault define qual função será disparada caso algum erro ocorra durante alguma requisição do .NET.

Os métodos (

A propriedade result define qual função será disparada após o retorno da requisição ao .NET.

É necessário agora construir as funções, faultHandler, gotRegion, gotTerritories, gotEmployee, gotCustomers, gotOrders e gotOrderDetails. As funções são escritas na linguagem Action Script 3.0

<mx:Script>
	<![CDATA[
		import mx.rpc.events.ResultEvent;
		import mx.controls.Alert;
		import mx.rpc.events.FaultEvent;
	]]>
</mx:Script>

Nesta parte do código além do bloco das tags de inicio e fim de script, também estão declaradas as importações das bibliotecas ResultEvent, Alert e FaultEvent que serão utilizadas logo mais.

Agora crie a função faultHandler

private function faultHandler(event:FaultEvent):void
{
	Alert.show(event.fault.faultString, "Erro");
}

A função faultHandler recebe um parâmetro do tipo FaultEvent que será exibido para o usuário através do Alert.show quando algum erro ocorrer durante a requisição ao .NET.

Agora crie os métodos de preenchimento dos valores do combobox região.

private function bindRegion():void
{
	roNet.getRegion();
}
 
private function gotRegion(event:ResultEvent):void
{
	cbRegion.dataProvider = event.result;
	cbRegion.selectedIndex = 0;
	bindTerritories();
}

No código acima foram criadas duas funções, bindRegion e gotRegion. A função bindRegion chama o método getRegion do remote object roNet.

Após o retorno da requisição ao método roNet.getRegion, a função gotRegion é disparada recebendo um parâmetro do tipo ResultEvent que contém o retorno do método getRegion, o retorno é associado como dataProvider do combobox cbRegion, em seguida é selecionado o índice zero dos dados retornados. Após a seleção do índice, a função bindTerritories() é disparada.

private function bindTerritories():void
{
	roNet.getTerritories(cbRegion.selectedItem.RegionID);
}
 
private function gotTerritories(event:ResultEvent):void
{
	cbTerritory.dataProvider = event.result;
	cbTerritory.selectedIndex = 0;
	bindEmployee();
}

Assim como a função bindRegion, bindTerritories chama um método do remote object roNet, porém agora o método chamado é o getTerritories, esse método espera como parâmetro o código da região, por isso o parâmetro informado é o cbRegion.selectedItem.RegionID. RegionID é uma propriedade que o dataProvider do cbRegion passou a ter após a atribuição do event.result. Abaixo estão as demais funções para a preparação dos comboboxs.

private function bindEmployee():void
{
	roNet.getEmployee(cbTerritory.selectedItem.TerritoryID);
}
 
private function gotEmployee(event:ResultEvent):void
{
	cbEmployee.dataProvider = event.result;
	cbEmployee.selectedIndex = 0;
	bindCustomers();
}	
 
private function bindCustomers():void
{
	roNet.getCustomers(cbEmployee.selectedItem.EmployeeID);
}
 
private function gotCustomers(event:ResultEvent):void
{
	cbCustomer.dataProvider = event.result;
	cbCustomer.selectedIndex = 0;
}

Para que quando o usuário acesse a aplicação os comboboxs já sejam preenchidos é necessário definir a propriedade creationComplete na tag mx:Application.

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="bindRegion()">

Com essa propriedade definida, depois de criada a aplicação, a função bindRegion será disparada iniciando assim a população de todos os comboboxs, pois eles estão aninhados.

Também é preciso configurar os comboboxs para que depois de alterada a seleção de um dos filtros, os outros sejam alterados também, para isso será utilizada a propriedade change.

<mx:ComboBox y="10" id="cbRegion" labelField="RegionDescription" width="89" change="bindTerritories()" horizontalCenter="-274"></mx:ComboBox>
<mx:ComboBox y="10" id="cbTerritory" labelField="TerritoryDescription" width="89" change="bindEmployee()" horizontalCenter="-114"></mx:ComboBox>
<mx:ComboBox y="10" id="cbEmployee" labelField="FullName" width="89" change="bindCustomers()" horizontalCenter="49"></mx:ComboBox>

Agora faça a população da datagrid,

private function bindOrders():void
{
	roNet.getOrders(cbCustomer.selectedItem.CustomerID,cbEmployee.selectedItem.EmployeeID);
}
 
private function gotOrders(event:ResultEvent):void
{
	dgPedido.dataProvider = event.result;
}

Para que a função bindOrders seja disparada ao clicar o botão Consultar, defina a propriedade click do botão btConsultar.

<mx:Button y="10" label="Consultar" width="119" click="bindOrders()" horizontalCenter="310" id="btConsultar"/>

Para finalizar o projeto, crie a estrutura para exibir os detalhes dos pedidos. Para isso crie uma TitleWindow, em File / New / MXML Component, defina o nome de orderDetails, baseado em TitleWindow

Utilize o código abaixo para a TitleWindow orderDetails.

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="730" height="420" title="Detalhes do Pedido" showCloseButton="true" close="{PopUpManager.removePopUp(this)}">
<mx:Script>
	<![CDATA[
		import mx.managers.PopUpManager;
		import mx.events.CloseEvent;
	]]>
</mx:Script>
<mx:DataGrid left="10" right="10" top="10" bottom="10" id="dgOrderDetails">
<mx:columns>
	<mx:DataGridColumn headerText="Cód." dataField="ProductID"/>
	<mx:DataGridColumn headerText="Produto" dataField="ProductName"/>
	<mx:DataGridColumn headerText="Preço Un." dataField="UnitPrice"/>
	<mx:DataGridColumn headerText="Qtde" dataField="Quantity"/>
	<mx:DataGridColumn headerText="Desconto" dataField="Discount"/>
	<mx:DataGridColumn headerText="Total" dataField="Total"/>
</mx:columns>
</mx:DataGrid>	
</mx:TitleWindow>

Crie as funções para a população da TitleWindow orderDetails dentro do script do arquivo ArtigoFlex.mxml

import mx.managers.PopUpManager;
 
public function bindOrderDetails():void
{
	roNet.getOrderDetails(dgPedido.selectedItem.OrderID);
}
 
private function gotOrderDetails(event:ResultEvent):void
{
	var popUp:orderDetails = orderDetails(PopUpManager.createPopUp(this, orderDetails, true));
	PopUpManager.centerPopUp(popUp);
	popUp.dgOrderDetails.dataProvider = event.result;						
}

Altere a primeira coluna da datagrid dgPedido para o código abaixo para inserir o botão para exibir os detalhes do pedido.

<mx:DataGridColumn headerText="Detalhes" width="85">
<mx:itemRenderer>
<mx:Component>						
	<mx:HBox width="100%" height="100%" horizontalAlign="center">
		<mx:Button y="10" width="80" label="Detalhes" click="outerDocument.bindOrderDetails()" id="btDetalhes"/>
	</mx:HBox>			
</mx:Component>
</mx:itemRenderer>				
</mx:DataGridColumn>

Salve o projeto e execute, o resultado deve ser como o das figuras abaixo.

Baixe o código fonte completo.

Divirta-se.

Vou começar com os cursos voltados para a área de suporte e infra-estrutura (TechNet)

• Colaboração e Produtividade
  No Experience de Colaboração e Produtividade Você terá uma visão geral de Infraestrutura, Gerenciamento de conteúdos e portais, soluções usando a ferramenta de busca, comunicação unificada, ferramenta para administração do Exchange 2007 por linha de comando e muito mais;
• Windows Vista
  Aprenda tudo sobre o Windows Vista SP1 , suporte e sobre a instalação de Windows Vista nas estações (BDD) e tenha uma visão geral sobre as ferramentas do pacote de otimização: Softgrid, Advanced Group Policy Management, Desktop Error Monitor, Diagnostic and Recovery Tools e Asset Inventory Services. (MDOP);
• SQL/BI
  No Experience SQL/BI você poderá obter habilidades em Arquitetura do SQL Server 2005, Databases, Schemas, Ferramentas para rastreamento de problemas de forma rápida e muito mais. Confira todos os módulos preparados para você profissional de TI;
• Suporte Nível 1
  Com acesso a material de muita qualidade você desenvolve de forma rápida e contundente habilidades necessárias para os melhores profissionais de TI. Confira e explore ao máximo o Experience Suporte Nível 1;
• Suporte Nível 2
  Dando continuidade aos materiais para o seu desenvolvimento o Experience Suporte Nível 2 chega com muitas novidades para você que busca conhecimento e informação de qualidade. Confira também o Experience Suporte Nível 2;
• Windows Server 2008
  Com este experience você irá explorar as novas capacidades de gerenciamento e desenvolvimento do Windows Server 2008. Aproveite o máximo dessa experiência e dê um boom no seu conhecimento;
• Segurança
  Utilize o Experience de Segurança para o setor público para aprender tudo sobre Proteção de Clientes, Segurança em Redes Windows, ISA Server 2006, Forefront e muitas outras ferramentas de segurança;
• InfraWeb
  No experience Infraweb você tem acesso aos conteúdos mais importantes sobre infraestrutura e aprende na prática tudo sobre Introdução ao Windows Server 2003 Active Directory, Evolução da Plataforma Microsoft para Web (IIS 6.0, IIS 7.0) e Visão Comparativa, Microsoft Internet Security and Acceleration 2006 (ISA) e muito mais.

Agora os cursos pra turma de desenvolvimento (MSDN)

• Office Development
  O Microsoft Office System 2007 proporciona um conjunto de serviços, clientes e ferramentas que facilitam a construção e a implantação de aplicativos compostos no ambiente corporativo por empresas e fornecedores de software. Essas soluções, denominadas Office Business Applications (OBAs), são de construção e implantação rápidas; habilitam os usuários finais por meio de amplas capacidades de personalização; alteram-se facilmente sempre que as necessidades do negócio assim exigirem e são construídos com ferramentas e aplicativos bem conhecidos do Microsoft Office;
• SQL Server
  O SQL Server é parte integrante da plataforma Microsoft, responsável pelo gerenciamento de bancos de dados relacionais e construção de aplicações de Business Intelligence. Dessa forma, é essencial para grande parte dos aplicativos que exigem armazenamento e recuperação de dados. Toda manipulação é feita através de sua linguagem, o Transact-SQL, e das ferramentas disponíveis com o produto;
• Visual Studio Team System
  O VSTS é um conjunto de ferramentas que auxiliam membros da equipe como arquitetos, desenvolvedores e testadores a trabalharem de forma mais produtiva e integrada ao ciclo de vida de desenvolvimento de software, ajudando equipes a se comunicarem e colaborarem entre si de forma mais efetiva;
• Web Development
  ASP.NET é a plataforma da Microsoft para o desenvolvimento de aplicações Web. O ASP.NET é baseado no .NET Framework herdando todas as suas características, por isso, como qualquer aplicação .NET, as aplicações para essa plataforma podem ser escritas em várias linguagens, como C# e Visual Basic .NET.

Bom estudo!

Essa é a minha sugestão, para você que está de férias e não sabe como tirar proveito desses dias de descanso.

Se você trabalha com o banco de dados relacional SQL Server da Microsoft, vou sugerir dois cursos gratuitos de ótimo conteúdo.

Microsoft Experience On-Line:  SQL Server

Microsoft Experience On-Line:  SQL/BI

Bom estudo!

No dia 4 de Dezembro a equipe do The Midnight Coders disponibilizou a nova versão do WebOrb para .NET, a versão 3.6.

Nesta versão,  temos como novas funcionalidades:

• Integração ao Microsoft Silverlight: Permite invocar métodos via Remote Objects de forma tão simples como Webservices;
• Suporte a invocações servidor-servidor vai AMF: Permite a integração cross-platform, onde .NET pode invocar Java ou aplicações nativas, usando uma API simples e intuitiva sem toda a complexidade associadade ao processo de integração entre plataformas diferentes;
• Template WebOrb para o Visual Studio 2005/2008: Os templates estão disponíveis em C# e em Visual Basic, e em dois modelos, um para criar um website WebOrb-enable e outro para criar uma biblioteca WebOrb-enable. Veja nos dois screencasts a demonstração do funcionamento.
  • Usando o template WebOrb no Visual Studio parte 1;
  • Usando o template WebOrb no Visual Studio parte 2;
• E correções de Bugs.

Ele está disponível para download no site do fabricante.

Eu já instalei e testei os templates do Visual Studio, e posso dizer que facilita bastante a configuração inicial da aplicação .NET para se comunicar com o Adobe Flex. Segue abaixo alguns print-screens.

Criar um novo projeto de Biblioteca com WebOrb.

Criar um novo Website com WebOrb ativo.

Solution Explorer do Visual Studio mostrando os arquivos criados pelo template do WebOrb.

Baixe a sua cópia gratuíta, faça a utilização desta ótima ferramenta e comente aqui.

Divirta-se.

A semana do dia 15 ao dia 19 deste mês será recheada de ótimos webcasts sobre a plataforma de desenvolvimento nas nuvens da Microsoft. Acompanhe as palestras e mergulhe nas nuvens.

As palestras ocorrerão todos os dias a partir das 20hrs.

15/12/2008 – Windows Azure – Deep Dive
16/12/2008 – Live Services
17/12/2008 – .NET Services
18/12/2008 – SQL Services
19/12/2008 – Visual Studio 2010

Nos encontraremos por lá.

A Adobe está desenvolvendo um plugin para desenvolver Flex no Visual Studio, inclusive com Debug. Dificil vai ser aguentar a espera para estre plugin entrar no Adobe Labs.

Com isso, a Microsoft vai ter que rebolar ainda mais para conseguir emplacar o Silverlight.

Atualizando….
O Igor Costa, acabou de surpreender com um post sobre o Tofino, que já é um plugin pro Visual Studio 2008, onde é possível desenvolver para o Flex utilizando a IDE do VS 2008.

O plugin já tem as seguintes funcionalidades:
o Create new projects in a solution using the Visual Studio wizard approach.
o Run Flex applications from within Microsoft Visual Studio.
o Set breakpoints at code locations in “.as” or “.mxml” files.
o Step into code while in break mode.
o Inspect local variables while in break mode.
o Build errors are reported in the Visual Studio error list, and are linked to the source location.
o Browse ActionScript types from referenced components (SWCs) in the Visual Studio object browser.
o Navigate types and members in ActionScript files via drop-downs in the ActionScript code window.
o Simple installation; Tofino includes the Adobe Flex SDK.
o Adds links to relevant Adobe LiveDocs and PDFs for Flex to Visual Studio Help.

O download é gratuíto! Vou baixar e testar.

O conteúdo abordado será:

• Situação da Indústria de Software Mundial
• Desafios do Desenvolvimento e Manutenção de Software
• Colaboração entre testadores, desenvolvedores, arquitetos e analistas de requisito
• Visão Geral sobre o Visual Studio 2008 Team System
• Qualidade e Controle do Processo de Desenvolvimento
• Demonstração prática dos Visual Studio Team System

Não perca essa oportunidade para trocar informações. Caso tenha interesse em participar acesse o site do evento.

Finalmente temos um excelente componente gráfico próprio do Framework, não dependendo mais de soluções de terceiros para gráficos.

Os gráficos gerados pelo componente são inspirados no Dundas Chart. Após instalado, o Chart Controls da Microsoft, a opção Chart aparece na Toolbox.

Infelizmente o componente foi desenvolvido para rodar apenas sob a versão 3.5 SP1 do .NET Framework.

Para download e maiores informações acesse os links abaixo.

Microsoft Chart Controls for Microsoft .NET Framework 3.5
http://www.microsoft.com/downloads/details.aspx?FamilyId=130F7986-BF49-4FE5-9CA8-910AE6EA442C&displaylang=en

Microsoft Chart Controls for Microsoft .NET Framework 3.5 Language Pack
http://www.microsoft.com/downloads/details.aspx?familyid=581FF4E3-749F-4454-A5E3-DE4C463143BD&displaylang=en

Microsoft Chart Controls for .NET Framework Documentation
http://www.microsoft.com/downloads/details.aspx?familyid=EE8F6F35-B087-4324-9DBA-6DD5E844FD9F&displaylang=en

Microsoft Chart Controls Add-on for Microsoft Visual Studio 2008
http://www.microsoft.com/downloads/details.aspx?FamilyId=1D69CE13-E1E5-4315-825C-F14D33A303E9&displaylang=en

Exemplos do  Microsoft Chart Controls
http://code.msdn.microsoft.com/mschart

Alex Gorev’s Chart Blog
http://blogs.msdn.com/alexgor

Abaixo mostrarei como realizar essa exportação.

Primeiramente precisamos construir nossa aplicação no Adobe Flex, para obter o resultado acima, copie o código abaixo.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<mx:Script>
		<![CDATA[
			[Bindable]
			private var dp:Array = [
				{ symbol: "ADBE", name: "Adobe Systems Inc.", price1: 49.95, price2: 49.95, price3: 49.95, price4: 49.95, price5: 49.95 },
				{ symbol: "MACR", name: "Macromedia Inc.", price1: 49.95, price2: 49.95, price3: 49.95, price4: 49.95, price5: 49.95 },
				{ symbol: "MSFT", name: "Microsoft Corp.", price1: 49.95, price2: 49.95, price3: 49.95, price4: 49.95, price5: 49.95 },
				{ symbol: "IBM", name: "IBM Corp.", price1: 49.95, price2: 49.95, price3: 49.95, price4: 49.95, price5: 49.95 },
				{ symbol: "ADBE", name: "Adobe Systems Inc.", price1: 49.95, price2: 49.95, price3: 49.95, price4: 49.95, price5: 49.95 },
				{ symbol: "MACR", name: "Macromedia Inc.", price1: 49.95, price2: 49.95, price3: 49.95, price4: 49.95, price5: 49.95 }
				];					
		]]>
	</mx:Script>	
	<mx:DataGrid id="dgDado" y="40" dataProvider="{dp}" horizontalCenter="0"/>
	<mx:Button y="10" label="Exportar para o Excel" horizontalCenter="0" id="btExportar"/>	
</mx:Application>

Agora vem o primeiro pulo do gato, crie uma classe no Flex chamada DataGridExporter, em meu exemplo salvei a classe no diretório br.com.igormusardo.datagrid.

Nesta classe, temos duas funções loadDGInExcel e convertDGToHTMLTable, essas funções são responsáveis por receber uma Datagrid como parâmetro, ler o seu conteúdo, criar o código HTML que represente a DataGrid e finalmente passar o HTML gerado como parâmetro de uma página, no meu caso ASP.NET mas pode ser feito em PHP ou JSP, informada na variável urlExcelExport para que a aplicação server-side gere o arquivo .XLS e forçe o download para o cliente. Para tanto copie o código abaixo.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78

package br.com.igormusardo.datagrid
{
    	import flash.errors.*;
    	import flash.events.*;
    	import flash.external.*;
    	import flash.net.URLRequest;
    	import flash.net.URLRequestMethod;
    	import flash.net.URLVariables;
    	import flash.net.navigateToURL;
 
	public class DataGridExporter
        {        	
	        //Aplicação servidor que gerará o excel
	        public var urlExcelExport:String = "ExcelExport.aspx";
 
 
	        // Converte a datagrid para uma tabela html
	        private function convertDGToHTMLTable(dg:*):String {
	        	var font:String = dg.getStyle('fontFamily');
	        	var size:String = (int(dg.getStyle('fontSize'))-2).toString(); //Reduz em 2, o tamanho da fonte.
	        	var str:String = '';
	        	var colors:String = '';
	        	var style:String = 'style="font-family:'+font+';font-size:'+size+'pt;"';				
	        	var hcolor:Array;
 
	        	if(dg.getStyle("headerColor") != undefined) {
	        		hcolor = [dg.getStyle("headerColor")];
	        	} else {
	        		hcolor = dg.getStyle("headerColors");
	        	}				
 
	        	str+= '<table width="'+dg.width+'"><thead><tr width="'+dg.width+'" style="background-color:#' +Number((hcolor[0])).toString(16)+'">';
 
	        	for(var i:int = 0;i<dg.columns.length;i++) {
	        		colors = dg.getStyle("themeColor");
 
	        		if(dg.columns[i].headerText != undefined && dg.columns[i].visible == true) {
	        			str+="<th "+style+">"+dg.columns[i].headerText+"</th>";
	        		} else if (dg.columns[i].visible == true) {
	        			str+= "<th "+style+">"+dg.columns[i].dataField+"</th>";
	        		}
	        	}
	        	str += "</tr></thead><tbody>";
	        	colors = dg.getStyle("alternatingRowColors");
 
	        	for(var j:int =0;j<dg.dataProvider.length;j++) {					
	        		str+="<tr width=\""+Math.ceil(dg.width)+"\">";
 
	        		for(var k:int=0; k < dg.columns.length; k++) {
	        			if(dg.dataProvider.getItemAt(j) != undefined && dg.dataProvider.getItemAt(j) != null && dg.columns[k].visible == true && dg.columns[k].dataField != "Melhor") {
	        				if(dg.columns[k].labelFunction != undefined && dg.columns[k].labelFunction != null && dg.columns[k].visible == true) {
	        					str += "<td nowrap=\"nowrap\" width=\""+Math.ceil(dg.columns[k].width)+"\" "+style+">"+dg.columns[k].labelFunction(dg.dataProvider[j],dg.columns[k])+"</td>";
	        				} else {
	        					str += "<td nowrap=\"nowrap\" width=\""+Math.ceil(dg.columns[k].width)+"\" "+style+">"+dg.dataProvider.getItemAt(j)[dg.columns[k].dataField]+"</td>";
	        				}
	        			}
	        		}
	        		str += "</tr>";
	        	}
	        	str+="</tbody></table>";
 
	        	return str;
	        }
 
		// Envia o HTML para a aplicação servidor
		public function loadDGInExcel(dg:*):void {
 
			var variables:URLVariables = new URLVariables(); 
			variables.htmltable	= convertDGToHTMLTable(dg);
 
			var u:URLRequest = new URLRequest(urlExcelExport);
			u.data = variables;
			u.method = URLRequestMethod.POST;
 
			navigateToURL(u,"_self");
	        }       
        }
}

Após criada a classe, é necessário atribiuir uma função que executará o loadDGInExcel. Inclua o código abaixo ao seu código fonte action script.

1
2
3
4
5

private function exportar():void
{
	var dgE:DataGridExporter = new DataGridExporter();
	dgE.loadDGInExcel(dgDado);
}

E por fim, atribua a função exportar() ao click do botão, como o código abaixo.

1

<mx:Button y="10" label="Exportar para o Excel" horizontalCenter="0" id="btExportar" click="{exportar()}"/>

Pronto, no Adobe Flex, não é necessário fazer mais nenhuma alteração, agora o trabalho fica por conta da aplicação server-side. No Visual Studio, crie um novo arquivo chamado de ExcelExport.aspx, e inclua a tag ValidateRequest=”false” no cabeçalho do arquivo aspx, como abaixo.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<%@ Page Language="vb" ValidateRequest="false" AutoEventWireup="false" CodeBehind="ExcelExport.aspx.vb" Inherits="Flex.ExcelExport" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
 
    </div>
    </form>
</body>
</html>

A parte de codificação, receberá o parâmetro htmltable, vindo do Flex que renderizará com o ContentType “application/vnd.ms-excel” com o nome de ExportaExcel.xls tudo isso dentro da função Page Load.

1
2
3
4
5
6
7
8
9
10

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        Response.Clear()
        Response.ContentType = "application/vnd.ms-excel"
        Response.AddHeader("content-disposition", "attachment;filename=ExportaExcel.xls")
        Response.Charset = ""
        EnableViewState = False
        Request.ContentEncoding = System.Text.Encoding.UTF8
        Response.Write(Request("htmltable"))
        Response.End()
    End Sub

Dessa forma, quando o Flex enviar o htmltable, o navegador exibirá a janela padrão de download, para o arquivo recém criado.

E pronto! Sua aplicação Adobe Flex já exporta os dados de uma Datagrid para o Excel.

Duvídas e feedbacks são sempre muito bem-vindos.

Sucesso e divirta-se.

Está nas bancas a edição 11 da revista Mundo .NET, nesta edição foi publicado outro artigo meu, porém este sobre a integração entre Adobe Flex 3 e Asp.NET, em um modelo real, passo-a-passo partindo do zero.

Além do meu artigo, a revista trás artigos sobre Asp.NET MVC, Criando um sistema de BI para Web, Relatórios com o Reporting Services 2005 entre outros artigos bacanas.

Compre a revista, leia o artigo e faça sua critíca e/ou sugestão.

UPDATE
Disponibilizei o artigo aqui no Blog, acesse Construindo aplicações ricas de internet com Adobe Flex 3 e ASP.NET.

O Touchless é um SDK que permite aos desenvolvedores .NET criar e experimentar aplicativos touch sem telas touchscreen. O Touchless começou como um projeto universitário de Mike Wasserman.

A idéia principal: oferecer o multi-toque, sem a necessidade de hardware ou software caro. Tudo o que o usuário precisa é uma câmera, que monitorará marcadores de texto coloridos definidos pelo usuário.

O projeto está disponível no site do Codeplex. Lá você encontrará dois arquivos para fazer o download:

-Touchless Demo é um aplicativo que qualquer pessoa com uma webcam pode usar para experimentar o multi-toque. Há 4 demos divertidos:

• Snake – onde você controla uma serpente com um marcador;
• Defender – versão até 4 jogadores de um jogo similar ao Pong;
• Map – onde você pode girar, dar zoom e mover o mapa utilizando 2 marcadores;
• Draw – O marcador é usado para adivinhem o que?… desenhar!.

-Touchless SDK é o SDK open-source que permite aos desenvolvedores criar aplicativos multi-toque usando uma webcam para a entrada de dados.

Assista ao vídeo de demonstração do SDK no YouTube.

O exemplo de código abaixo não funciona em alguns IE’s 7.

1
2
3
4

if(confirm('Deseja excluir o registro?')==false)
     return false;
else
     return true;

Mesmo que se clique em cancelar, o IE ignora a opção e continua a execução do código.

Após várias buscas no Google, encontrei a solução do problema. Basta inserir o comando event.returnValue=false; antes do comando return false;. Como no código abaixo.

1
2
3
4
5
6
7

if(confirm('Deseja excluir o registro?')==false)
{
     event.returnValue=false;
     return false;
}
else
     return true;