Primeiro vamos para o ponto em que paramos no post anterior. Crie um breakpoint e quando ele parar nesse breakpoint vá nó menu Debug –> Windows –> Modules (Ctrl + D, M), veja essa janela abaixo e verifique que muitos dos símbolos carregados não serão utilizados, podemos citar como exemplo o símbolo do System.Xaml.dll que não iremos utilizar para nada:

Isso torna o tempo de debug muito alto, pois ele está carregando muito mais símbolos do que o necessário para o nosso problema, vamos resolver isso. Vá em Tools –> Options –> Debugger –> Symbols e ative a opção “Only specified modules”, depois clique em “Specified Modules”, então adicione a referência para a DLL do ASP.NET MVC: “System.Web.MVC.dll” (não se esqueça do .dll).

Dessa forma só estaremos carregando os símbolos que desejarmos.

Faça o teste novamente, crie um breakpoint e carregue a janela de módulos, você irá perceber que agora estamos carregando muito menos símbolos (veja na imagem abaixo) e que o debug vai ficar consideravelmente mais rápido.

Essa foi uma dica que o Igor Abade me deu e resolvi compartilhar com vocês, vou aproveitar para passar a dica que o Giovanni Bassi me passou. Para quem tem o Resharper instalado na máquina (o meu está na versão 6) pode, por exemplo, selecionar a palavra ViewBag e pressionar F12 (Go to implementation) e o Reshaper irá pedir para escolher uma das 5 opções, como a figura abaixo:

Se você escolher a opção “Go to .NET framework sources” ele irá fazer o download do código fonte do ASP.NET MVC e exibi-lo automaticamente para você. Uma facilidade e tanto, mas é só para quem tem o Resharper instalado.

Espero que essas dicas ajudem no dia a dia de vocês. Se conhecerem outras formas de chegar ao resultado me avisem, adorei aprender mais alguns truques.

Um exemplo disso foi quando saiu o ViewBag, eu queria entender o que ele realmente fazia, tinha a impressão que ele setava o próprio ViewData, tudo indicava isso, mas não tinha certeza. Como eu já tinha configurado o meu Visual Studio para utilizar os símbolos do ASP.NET MVC eu consegui debugar e verificar no próprio código do ASP.NET MVC e ver o que realmente estava acontecendo.

Neste artigo vou demonstrar como configurar o Visual Studio para fazer isso e você poderá aproveitar desse benefício sempre que quiser.

Primeiro abra o seu Visual Studio 2010 e vá em Tools -> Options -> Debugger -> General

• Desabilite a opção “Enable Just My Code (Managed only)”
• Habilite a opção “Enable .NET Framework source stepping”
• Habilite a opção “Enable source server support”

As suas configurações devem estar iguais as que estão em destaque na imagem:

Depois entre na opção Symbols ainda em Debugger, nesta janela você deve configurar para que o Visual Studio faça o download  do servidor de símbolos da Microsoft, deixe a configuração igual a da imagem a seguir:

Clique em OK e vamos testar se está tudo funcionando, vamos criar um novo projeto ASP.NET MVC 3, neste novo projeto entre no HomeController.cs e crie um breakpoint na primeira linha da action Index, como está na imagem abaixo:

Agora vamos para o debug, inicie a aplicação pressionando F5, na primeira vez que você fizer isso ele irá fazer o download dos símbolos dos servidores da Microsoft (demora um pouquinho), quando terminar e ela irá parar nesse breakpoint, então dê um steep into (F11), se foi feito tudo como está no post (assumindo que não tem nada de errado no post J), ele irá entrar no código fonte do ASP.NET MVC 3 conforme a imagem abaixo:

Você pode verificar que dessa forma é fácil tirar a dúvida que eu estava no início do post, o ViewBag faz exatamente o que eu pensava, ele simplesmente utiliza o ViewData por trás dos panos.

É claro que quem quiser pode fazer o download do  download do código fonte do ASP.NET MVC e olhar direto no código, há também a opção de usar o próprio projeto no ASP.NET MVC junto com o seu, para isso você mudar algumas coisas para que o seu projeto utilize o projeto do ASP.NET MVC ao invés da DLL compilada que já está no seu sistema, mas isso fica para um outro post.

Aproveito para perguntar para vocês:

Vocês já sentiram essa necessidade? Já fizeram isso alguma vez? Fizeram de outra forma?

Foi um curso de 3 horas de duração, gastei cerca de 8 horas para produzir o curso e posso afirmar que não me arrependo, foram 11 horas muito bem gastas, foram ao todo 131 pessoas que participaram, recebi ótimos feedbacks e graças a tudo isso pretendo fazer outros mini cursos nesse formato.

Gostaria de continuar recebendo comentários sobre os pontos fortes e fracos desse tipo de curso, para que nos próximos seja possível melhorar.

E aí pessoal? O que vocês gostaram? O que vocês não gostaram? Quais assuntos vocês querem que eu aborde em próximos mini cursos?

Como fiz uma gravação independente com o Live meeting e não tinha nenhuma ideia de como ele funcionava, não consegui fazer a gravação para que ele ficasse online, por isso estou colocando o arquivo compactado em Zip para que vocês façam o download. Depois de feito o download, descompacte e abra o arquivo “ReplayMeeting.htm”.

Espero que gostem, estou aguardando os comentários.

Assuntos que serão abordados nesse mini curso:

• Introdução a padrões web
• Porque jQuery
• Introdução ao jQuery
• Seletores
• Filtros
• Eventos
• Plugins
• Ajax

Quem se interessar é só acessar o webcast no Sábado, 19 de fevereiro às 14h.

Vejo vocês lá!

No SDC tive o prazer de conhecer ótimos profissionais de diversas plataformas de desenvolvimento diferentes, mas posso dar destaque a alguns:

• Felipe Castro, o cara é muito bom em C# e desenvolvimento ágil, mesmo não gostando muito de “comunistas” (pessoas que atuam na comunidade) nos demos muito bem.
• Raphael Nascimento, o cara é nervoso por padrão, mas adora resolver problemas, ele é o cara que resolve e é muito engraçado.
• Acauan, um moleque que manja muito, você ensina ele em um dia, no outro ele é que está te ensinando.
• Gerson, um cara que chegou e depois de uma semana parecia que estava no time desde o começo do projeto, ele é muito bom programador e analista, pega as coisas muito rápido.
• Ricardo Martins, Fábio José (vulgo Cadeieiro), Carlos (vulgo Mineiro) e Marcelo, desenvolvedores que abraçaram a mudança, mesmo quando uns loucos chegaram falando de Scrum, time de primeira.
• Diego Bonifácio (vulgo Frango), um ótimo programador, ele não para de falar até você dar risada.
• Edivan, um cara com ótima formação computacional, pena que trabalha com PHP : P.
• João e Patrícia, desenvolvedores PHP que são o exemplo de time que se compromete com a entrega.
• Leonardo Neves, sem palavras para esse cara, foi ele que me chamou para o SDC, estava sempre nas reuniões do .NetArchitects, o cara manja muito de desenvolvimento e agilidade.
• André Nascimento, outro cara que eu admiro muito, sempre que podia sentava com ele para pedir conselhos sobre agilidade, scrum e até desenvolvimento, sempre tivemos uma “open conversation” onde nunca escondíamos nada, sempre papo aberto.
• Claudio Kerber, um cara totalmente pirado, mas é o melhor analista de negócio que eu já conheci, um cara rápido no pensamento.
• Ricardo Serradas, o TFS man, manja muito de TFS, programação e Scrum, além de ser um grande amigo.
• Tucaz, o cara é fera, tem opiniões fortes e manja muito, só tem um péssimo gosto para sistema operacional .

Gostaria de citar todos os colegas, mas vou fazer alguma injustiça, por isso vou citar apenas os que eu trabalhei diretamente.

Todo mundo que me conhece ou me acompanha pelo blog/twitter sabe que eu adorava trabalhar lá, aí vem a pergunta, por que sair do lugar que gosta?

Só estou saindo porque recebi uma proposta de trabalho irrecusável de grandes amigos, a partir de hoje estarei trabalhando na Lambda3, uma empresa que está começando, mas que tem tudo para se tornar grande, principalmente pelas pessoas que trabalham lá: André Dias, Giovanni Bassi, Felipe Rodrigues, Victor Hugo e Flávia Oliveira.

Para finalizar eu quero agradecer muito a todos com quem eu me relacionei na Stefanini, foram ótimos os 6 meses, aprendi muita coisa com todos com quem trabalhei, agora é fazer o mesmo na Lambda3.

Aguardem novidades!

A ideia desse podcast é esclarecer para quem está começando sobre o que é TDD, como implementar e as diferenças entre testes integrados e unitários.

Segue alguns links sobre o assunto:

• Tudo sobre TDD (Ótimo post do Victor Hugo Germano)
• Desenvolvimento Orientado a Testes (InproveIT)
• BDD
• Inversion of Control Containers and the Dependency Injection pattern
• Kent Beck
• Refatoração

Espero que gostem!

O Alexandre Tarifa do Codificando.net me chamou para palestrar no evento deles, o Codificando 2010, e é claro que eu aceitei de primeira, o tema como sempre girou em torno do jQuery e ASP.Net MVC sob o título “jQuery com MVC: A Dupla Dinâmica”.

Foi uma ótima oportunidade, o pessoal gostou tanto da apresentação que pediram para continuar, como tinha um horário vago depois da minha palestra eu extendi por mais uma hora, e olha que daria para falar muito mais.

Além disso, o pessoal do Codificando abriu as portas do evento para uma reunião do .NetArchitects, foi muito legal, eu comecei fazendo a apresentação do grupo e contando a história de como tudo aconteceu e qual era a intenção do DNA, logo depois o Fábio Margarito, Leandro Daniel, Emmanuel, Vinicius Quaiato, Daniel Fonseca Castro e o Valdir Rogério puxaram a discussão com o pessoal do codificando, não pude ficar muito tempo pois tive que sair para a minha palestra.

Foi um prazer novamente conversar com a galera da comunidade como Rodolfo Roim, Israel Aece, Facunte, Alexandre Tarifa, Diego Nogare, Fernanda Sallai entre outros.

Gostaria de agradecer o pessoal do Codificando pela abertura que nos deram, valeu pessoal!

Codificando 2010 EXIBIR APRESENTAÇÃO DE SLIDES BAIXAR TUDO

A ideia era apresentar como trabalhar da forma correta com jQuery e como o ASP.Net MVC ajuda a trabalhar com o client-side.

Segue abaixo o que foi abordado:

• WebStandards e o ASP.Net MVC
• jQuery
• Seletores
• Eventos
• Plugins
• Ajax
• Json com ASP.Net MVC

Assim que ficar disponível a gravação do WebCast eu irei disponibilizar o link aqui no blog.

A aplicação que utilizei como exemplo está disponível aqui.

Como não podia deixar de ser, irei falar sobre as novidades do ASP.NET MVC 2.0, acabei de terminar as demos, está bem legal, não percam!

Duração:
60 Minutos

Data de Início:
terça-feira, 4 de maio de 2010 12:00 Brasília

Visão Geral do Evento
Saiba mais sobre as mais recentes inovações no ASP.NET MVC 2 e suporte no Microsoft Visual Studio 2008 e 2010. Apresentaremos a você uma série de melhorias em produtividade (e extensibilidade), tais como auxiliares de modelos, validação de modelos e o novo recurso “Áreas”, que irá aprimorar o desenvolvimento em equipe para grandes sites. Com os auxiliares de modelos você pode colocar seu site no ar em execução para qualquer tipo de entidade de dados sem precisar criar uma interface do usuário. Com validação aprimorada no servidor e um novo suporte à validação no cliente, seu modelo de dados de negócios pode definir o comportamento de sua aplicação automaticamente. Tudo isso e muito mais!

Inscriva-se

Neste podcast o Giovanni tira várias dúvidas sobre a certificação PSD e explica como ela irá funcionar, para quem tem interesse em tirar a certificação é realmente imperdível.

Se você quer acompanhar os próximos episódios, não esqueça de acompanhar o rss do podcast.

Podcast1 (16MB)

• ASP.NET MVC 2 Release Candidate 2
  Estava esperando esta versão para poder olhar melhor as novidades do ASP.NET MVC e posso falar que estou gostando muito, estou fazendo alguns testes e logo vocês verão posts sobre as novidades.
• Visual Studio 2010 e .NET Framework 4.0 release Candidate
  A principal diferença entre a versão Beta 2 e RC é a performance, isto fica claro quando você digita e não vê mais atrasos no intellisense ou na carga de um projeto, ficou muito bom.
• Enterprise Library 5.0 Beta 1
  Um lançamento esperado pela comunidade, o time da patterns & practices trabalhou duro para liberar este lançamento, para quem quer ver as novidades pode acessar um vídeo que foi feito pelo Grigori Melnik, também tem este post do Leandro Daniel contando as novidades.
• Unity 2.0 Beta 1
  Um ótimo contêiner de Injeção de Dependência que também estava sendo aguardado.

Uma coisa é certa, como não gosto de sair na Avenida para pular carnaval e muito menos ficar assistindo escola de samba, vou estudar muito neste carnaval, bom estudos para todos e até a próxima.

Se você tem que exibir transações de conta corrente, por exemplo, débito e crédito, mas quando o saldo fica negativo você quer colocar a linha em vermelho, é uma regra de apresentação. Mas onde estaria esse código? Acho que não estaria no domínio por que não diz respeito a ele… Seria no Controller?

Esta é uma pergunta mais comum do que se imagina, já me perguntaram diversas vezes sobre a responsabilidade de cada letra do MVC, e é por isso que eu coloquei como título deste post como “Cada um no seu quadrado”.

A resposta simples e direta para a pergunta acima é que essa regra fica na View, mas vamos elaborar um pouco mais, por que não no Controller? Simples, por que assim ele estaria invadindo o quadrado da View, vou exemplificar o meu ponto de vista:

No cenário proposto pelo Emmanuel, o Controller enviaria os dados através da ViewData para a View e ela por sua vez verificaria se o Saldo é negativo, caso fosse exibiria ele em vermelho, vamos ver um pouco de código.

Vamos começar pelo modelo, para representar o cenário criei 3 classes, a Conta que contem os dados da conta e as transações, a Transação que representa cada transação da conta e o Repositório que para o exemplo irá preencher os objetos com dados randômicos.

Conta

public class Conta
{
    public int Numero { get; set; }
    public int Agencia { get; set; }
    public IList<Transacao> Transacoes { get; set; }
    public double Saldo { get; set; }
}

Transação

public class Transacao
{
    public DateTime Data { get; set; }
    public string Descricao { get; set; }
    public double Valor { get; set; }
}

Repositório

public class ContaRepositorio
{
    public Conta get(int Agencia, int Numero) {
        //aqui faria a consulta no banco, vou fazer um
        //faz de conta para facilitar
        Conta conta = new Conta();
        conta.Agencia = Agencia;
        conta.Numero = Numero;
        conta.Transacoes = new List<Transacao>();
        Random rnd = new Random();
        for (int i = 0; i < 15; i++)
        {
            conta.Transacoes.Add(new Transacao{Data = DateTime.Now.AddDays(-i),Descricao = "Transação nº "+i, Valor= rnd.Next(0,358)});
        }
        conta.Saldo = rnd.Next(-1245, 1245);
        return conta;
    }
}

Vamos ver agora o Controller, criei uma única action que mandará através da ViewData os dados da Conta, neste ponto é que surge a dúvida, posso colocar a inteligência de trocar a cor aqui? Bom, tecnicamente pode, poderia criar um objeto intermediário que tem sido chamado de ViewModel para armazenar esta “condição”, mas na minha opinião o Controller estará invadindo o quadrado da View. Na soluçao proposta abaixo eu passo somente os dados para a View.

Controller

public class ContaController : Controller
{
    //
    // GET: /Conta/

    public ActionResult Index()
    {
        ContaRepositorio rep = new ContaRepositorio();
        ViewData.Model = rep.get(1234, 123456);
        return View();
    }

}

Vamos agora para a View, de acordo com o valor do saldo é escolhido a classe que será aplicano na tag que contém o saldo.

View

<h2>Extato de Conta</h2>

<fieldset>
    <p>Numero: <%= Html.Encode(Model.Numero) %></p>
    <p>Agencia: <%= Html.Encode(Model.Agencia) %></p>
    <table>
        <thead>
            <tr>
                <th>Data</th>
                <th>Descrição</th>
                <th>Valor</th>
            </tr>
        </thead>
        <tbody>
            <%foreach (var item in Model.Transacoes){%>
            <tr>
                <td><%= Html.Encode(String.Format("{0:d/M/yyyy}", item.Data))%></td>
                <td><%= Html.Encode( item.Descricao)%></td>
                <td><%= Html.Encode(String.Format("{0:F}", item.Valor)) %></td>
            </tr>

            <%} %>
        </tbody>
    </table>
    <%
    string classe;
    if (Model.Saldo < 0)
    {
        classe = "negativo";
    }
    else {
        classe = "positivo";
    } %>
    <p>Saldo: <span class="<%=classe%>"><%= Html.Encode(String.Format("{0:F}", Model.Saldo)) %></span></p>
</fieldset>

No CSS adicionei as seguintes classes:

.positivo{color:Blue;}
.negativo{color:Red;}

O resultado esta na imagem abaixo:

Este código eu fiz com a intenção de demonstrar que a View não é burra (no bom sentido), ela pode e deve conter regras que são de interface, como no exemplo acima.

O Emmanuel quis complicar um pouco mais o cenário e colocou o seguinte:

E se esse núcleo do meu sistema é consumido por diversas interfaces? Mobile, desktop, web; essa regra da interface, não deveria estar em outro local que não a interface?

Quando tive os primeiros contatos com o ASP.NET MVC tive a mesma dúvida, mas com o tempo e várias pesquisas fiquei convencido que isto não é possível e nem interessante, digo isso por 2 motivos:

1. O primeiro é técnico, como o MVC é um padrão de Interface Gráfica ele depende muito do ambiente, que neste caso é o ASP.NET MVC, ou seja, eu não conseguiria reutilizar o Controller do ASP.NET MVC para uma aplicação Windows Form ou uma aplicação Mobile.
2. O segundo é sobre os diferente tipos de mídias que poderíamos utilizar para a nossa interface, cada uma dessas mídias tem suas próprias preocupações de acessibilidade e usabilidade e para lidar com essas preocupações cada uma delas deve ter autonomia.

O código deste exemplo já está disponível.

Bom, espero ter respondido a dúvida do Emmanuel e de outras pessoas. Até a próxima.

Write Permissions

To be able to log in to the blog and writing posts, you need to enable write permissions on the App_Data folder. If you’re blog is hosted at a hosting provider, you can either log into your account’s admin page or call the support. You need write permissions on the App_Data folder because all posts, comments, and blog attachments are saved as XML files and placed in the App_Data folder. 

If you wish to use a database to to store your blog data, we still encourage you to enable this write access for an images you may wish to store for your blog posts.  If you are interested in using Microsoft SQL Server, MySQL, VistaDB, or other databases, please see the BlogEngine wiki to get started.

Security

When you’ve got write permissions to the App_Data folder, you need to change the username and password. Find the sign-in link located either at the bottom or top of the page depending on your current theme and click it. Now enter “admin” in both the username and password fields and click the button. You will now see an admin menu appear. It has a link to the “Users” admin page. From there you can change the username and password.  Passwords are hashed by default so if you lose your password, please see the BlogEngine wiki for information on recovery.

Configuration and Profile

Now that you have your blog secured, take a look through the settings and give your new blog a title.  BlogEngine.NET 1.4 is set up to take full advantage of of many semantic formats and technologies such as FOAF, SIOC and APML. It means that the content stored in your BlogEngine.NET installation will be fully portable and auto-discoverable.  Be sure to fill in your author profile to take better advantage of this.

Themes and Widgets

One last thing to consider is customizing the look of your blog.  We have a few themes available right out of the box including two fully setup to use our new widget framework.  The widget framework allows drop and drag placement on your side bar as well as editing and configuration right in the widget while you are logged in.  Be sure to check out our home page for more theme choices and downloadable widgets to add to your blog.

On the web

You can find BlogEngine.NET on the official website. Here you’ll find tutorials, documentation, tips and tricks and much more. The ongoing development of BlogEngine.NET can be followed at CodePlex where the daily builds will be published for anyone to download.

Good luck and happy writing.

The BlogEngine.NET team

O que me parece recorrente na maioria das dúvidas que eu recebo em relação ao ASP.NET MVC, é que as dúvidas sempre estão no lado do cliente, no WebForms poderíamos configurar a propriedade AutoPostBack para True do DropDowList e tratar o resto no lado do servidor, no MVC é diferente, você vai ter que escrever um pouco de JavaScript para fazer isso, vamos analisar o problema e criar um cenário.

Vamos fazer uma página que terá um DropDownList com uma relação de estados e quando for selecionado o estado listaremos no outro DropDownList a relação de cidades.

Para isso quando a página for renderizada pela primeira vez já iremos trazer o DropDownList de Estados carregado e iremos carregar o de Cidades com jQuery/Ajax.

Para fazer isso vamos criar as nossas classes do modelo, na pasta “models” crie as classes abaixo:

Uf.cs:

public class Uf
{
    public Uf(string siglaUf, string nome)
    {
        this.Nome = nome;
        this.SiglaUf = siglaUf;
    }
    public string SiglaUf { get; set; }
    public string Nome { get; set; }
}

Cidade.cs

public class Cidade
{
    public Cidade(string id,string siglaUf, string nome)
    {
        this.Id = id;
        this.SiglaUf = siglaUf;
        this.Nome = nome;
    }
    public string Id { get; set; }
    public string SiglaUf { get; set; }
    public string Nome { get; set; }

}

Vamos criar agora 2 classes de repositório, para facilitar a consulta no exemplo, crie as 2 classes abaixo na pasta “models”:

UfRepository.cs

public class UfRepository
{
    public static IList<Uf> ListaUf()
    {
        List<Uf> cidades = new List<Uf>();
        cidades.Add(new Uf("SP", "São Paulo"));
        cidades.Add(new Uf("RJ", "Rio de Janeiro"));
        cidades.Add(new Uf("MG", "Minas Gerais"));
        return cidades;

    }

}

CidadeRepository.cs

public class CidadeRepository
{

    public static IList<Cidade> ListaCidade(string SiglaUf)
    {
        List<Cidade> cidades = new List<Cidade>();
        cidades.Add(new Cidade("1","RJ", "Angra dos Reis"));
        cidades.Add(new Cidade("2", "RJ", "Rio de Janeiro"));
        cidades.Add(new Cidade("3", "RJ", "Barra Mansa"));
        cidades.Add(new Cidade("4","SP", "São Paulo"));
        cidades.Add(new Cidade("5", "SP", "Sertãozinho"));
        cidades.Add(new Cidade("6", "SP", "Osasco"));
        cidades.Add(new Cidade("7", "MG", "Belo Horizonte"));
        cidades.Add(new Cidade("8", "MG", "Poços de Caldas"));
        cidades.Add(new Cidade("9", "MG", "Betim"));
        return cidades.Where(x=> x.SiglaUf==SiglaUf).ToList();

    }
}

Agora vamos modificar o arquivo Site.Master que está na pasta ViewsShared, esta modificação é só para acrescentar a referência para o arquivo do jQuery e criar um ContentPlaceHolder para acrescentarmos o JavaScript necessário na nossa View.

Site.Master (linhas 5 e 6)

<head runat="server">
    <title><asp:ContentPlaceHolder ID="TitleContent" runat="server" /></title>
    <link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
    <script src="../../Scripts/jquery-1.3.2.js" type="text/javascript"></script>
    <asp:ContentPlaceHolder ID="HeadContent" runat="server"></asp:ContentPlaceHolder>
</head>

Como falado acima precisamos que na primeira renderização da página ela carregue a lista de estados, para isso precisamos carregar esta lista para a View, vou fazer isso através da ViewData[“Ufs”], irei fazer isso na Action Index da HomeController (se ainda não foi feito, adicione um using para o namespace Models no começo da sua classe), veja no exemplo abaixo:

public ActionResult Index()
{
    ViewData["Message"] = "Welcome to ASP.NET MVC!";
    ViewData["Ufs"] = new SelectList(UfRepository.ListaUf(),"SiglaUf","Nome");
    return View();
}

Agora poderemos já começar a fazer o HTML, para isso acrescente o código na View Index da pasta Home conforme o exemplo abaixo:

<% =Html.DropDownList("Ufs","Estado") %>
<select id="Cidades">
    <option selected="selected" value="">Cidade</option>
</select>

Como vocês podem perceber na primeira linha, estou criando um DropDownList passando somente 2 parâmetros, o método tentará encontrar uma ViewData com o nome passado no primeiro parâmetro e irá tentar converter esta ViewData para um objeto SelectList, não vou me aprofundar muito para não fugir do escopo, em outro post irei falar mais detalhadamente sobre o DropDownList e SelectList.

Se você testar, verificará que o primeiro DropDownList já está carregando, mas quando mudamos o item selecionado nada acontece, para fazer isso devemos escrever um pouquinho de JavaScript, para facilitar este trabalho iremos usar o jQuery e fazer uma chamada Ajax para uma Action que retorna um JSON.

Vamos começar criando uma Action chamada ListarCidade na HomeController que irá receber no parâmetro id o estado que foi selecionado e irá retornar uma lista de cidades que são daquele estado conforme o código abaixo:

public ActionResult ListaCidade(string id) {
    return Json(CidadeRepository.ListaCidade(id));
}

Voltando na View Index na pasta Home vamos acrescentar o JavaScript necessário para fazer a chamada Ajax via jQuery, segue o código:

<asp:Content ID="Javascript" ContentPlaceHolderID="HeadContent" runat="server">
    <script type="text/javascript">
        $(document).ready(function() {
            $("#Ufs").change(function() {
                listaCidade($(this).val());
            });
        });
        //chamada ajax para a Action ListaCidade
        //passando como parâmetro a Estado selecionado
        function listaCidade(uf) {

            $.getJSON('<%= Url.Action("ListaCidade") %>/' + uf, listaCidadeCallBack);
        }
        //função que irá ser chamada quando terminar
        //a chamada ajax
        function listaCidadeCallBack(json) {
            //Limpar os itens que são maiores que 0
            //Ou seja: não retirar o primeiro item
            $("#Cidades :gt(0)").remove();
            $(json).each(function() {
                //adicionando as opções de acordo com o retorno
                $("#Cidades").append("<option value='" + this.Id + "'>" + this.Nome + "</option>");
            });
        }

    </script>
</asp:Content>

Está pronto, é claro que não é mais fácil que o WebForms, mas o controle te traz mais responsabilidades, você vai ter que fazer (e conhecer) mais HTML e Javascript, não tem jeito.

Faça o download da solução.

No Web Form tínhamos um controle server side chamado FileUpload e no ASP.NET MVC não existe este controle, então temos que escrever o HTML necessário para fazer o formulário da forma correta, eu estou usando o plugin uploadify que faz o envio assíncrono de arquivos para o servidor, ele é muito flexível, mas irei mostrar somente o básico dele.

A primeira coisa a saber é que para enviar um arquivo para o server é necessário que o formulário contenha o parâmetro enctype configurado para “multipart/form-data”, sem isso ele não vai conseguir enviar o arquivo, vejam o código HTML abaixo:

<h2>Upload</h2>
<% using (Html.BeginForm("Upload", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
{ %>
    <fieldset>
    <label for="photo">Insira a sua foto:</label><input type="file" id="photo" name="photo" /><br />
    <input type="submit" value="Enviar" />
    </fieldset>
<%} %>

Agora  faça o download do plugin uploadify, copie os arquivos jquery.uploadify.v2.1.0.min.js e swfobject.js para a pasta Scripts, copie também os arquivos cancel.png, uploadify.css e uploadify.swf para a pasta Content.

Crie uma pasta com o nome de files na raiz da aplicação, é nesta pasta que será salvo os arquivos enviados.

Inclua o código JavaScript na MasterPage Site.Master (este é apenas um exemplo, eu prefiro colocar este javascript na View):

<script src="../../Scripts/jquery-1.3.2.js" type="text/javascript"></script>
<link href="../../Content/uploadify.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/swfobject.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.uploadify.v2.1.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#photo').uploadify({
            'uploader': '/content/uploadify.swf',
            'script': '<%=Url.Action("Upload","Home") %>',
            'cancelImg': '/content/cancel.png',
            'fileDesc':'Aruivos de Imagem',
            'fileExt': '*.jpg;*.gif',
            'sizeLimit':'4000000',
            auto:true
        });
    });
</script>

No código acima eu estou configurando o endereço de onde estão os arquivos necessários para o plugin, defino o caminho da action que irá receber o arquivo, o tamanho máximo do arquivo, habilitei a opção auto que automaticamente irá enviar o arquivo após a seleção do mesmo e também defino a extensão permitida para fazer o upload, isso é bem interessante porque na caixa de dialogo só irá aparecer os arquivos com a extensão que você definir.

Existem mais configurações que podem ser utilizadas, você pode conferir elas na documentação do plugin.

Agora só está faltando o código server side, eu criei uma action chamada upload no HomeController que irá receber e salvar o arquivo:

[AcceptVerbs(HttpVerbs.Post)]
public void Upload(string id)
{
    var file = this.Request.Files[0];
    string savedFileName = System.IO.Path.Combine(AppDomain.CurrentDomain.BaseDirectory, "files");
    savedFileName = System.IO.Path.Combine(savedFileName, System.IO.Path.GetFileName(file.FileName));
    file.SaveAs(savedFileName);
    Response.Write("OK");
}

Com isso você já terá funcionando o jQuery uploadify com o ASP.NET MVC, vejam como fica no final:

Baixe a solução completa.

O Tech-Ed 2009 começou de uma forma muito legal, eles fizeram da General Session um show, não estou aumentando não, realmente foi um show, eles fizeram uma apresentação usando o tema do BOPE (do filme Tropa de Elite), todos os palestrantes estavam fantasiados de soldados, e eles mandaram muito bem, toda hora me pego falando “Missão dada é missão cumprida senhoooor!!!”.

Na general session foi abordado diversos assuntos como História da Microsoft no Brasil (20 anos), a visão da Microsoft com Software + Serviços (Azure, Office Live, Xbox Live etc), o que a Microsoft pensa de uma plataforma (que ela seja completa), depois foi acontecendo várias demonstrações que começaram por Windows 2008 R2, SQL Server 2008 R2, Visual Studio Team System 2010, Windows 7 e SharePoint.

Agora o que eu mais gostei foi a comparação entre os produtos BR Office, Google Docs, Office 2008 e Office 2010. Independente do resultado a interpretação do pessoal foi um show, teve uma hora que o Prado foi questionado sobre o que ele tinha feito com o BR Office e a resposta dele foi hilária “Usei os recursos avançados de negrito, itálico e sublinhado Senhooor!!!”, não tenho nada contra nenhuma das outras ferramentas, mas os recursos do Office 2010 não se comparam a nenhuma outra suíte de escritório.

Depois da General Session fomos para as tracks gerais, infelizmente não pude assistir todas as palestras que eu gostaria, mas todas as que eu assisti foram de ótimo nível, vou dar um destaque para algumas:

• “Usando Metodologias Ágeis com VSTS: Scrum e XP, YES WE CAN!” com André Dias
  O André conseguiu abordar em um curto espaço de tempo os principais pontos do Scrum e XP, além disso, ele conseguiu demonstrar como uma ferramenta pode ajudar no processo de desenvolvimento ágil, foi realmente muito bom.
• “Uma comparação estratégica sobre as tecnologias de acesso a dados” com Luciano Condé
  Eu gostaria que todos os programadores que ainda usam DataSet para acesso a dados assistissem esta palestra, ele demonstrou a diferença entre DataSet, Linq to Sql e Entity Framework, de uma forma bem elegante o Condé mostrou por que a Microsoft recomenda hoje o Entity Framework.
• “Democratizando o ALM usando o Visual Studio Team System” com Ramon Durães
  O Ramon abordou as principais funcionalidades do VSTS que ajudam a implantar o ALM de uma forma bem concisa, demonstrou as novidades do VSTS 2010 que por sinal está muito bom.

Uma palestra, por exemplo, que eu gostaria de assistir, mas não consegui foi a palestra “ASP.NET MVC com jQuery: Retome o controle da sua aplicação” do Giovanni Bassi, mas assim que eu assistir o vídeo eu posto comentários sobre todas.

Mas o Tech-Ed não é um lugar onde só acontece palestras, lá você pode parar um palestrante para questionar mais a fundo sobre uma determinada dúvida, você encontra profissionais de ótimo nível para discutir sobre tecnologia e é claro juntar a turma para fazer um happy hour no final do dia porque ninguém é de ferro, .

Algumas fotos do Tech-Ed Brasil 2009:

Veja o álbum completo