17
ASP.NET MVC 4 – Parte III

ASP.NET MVC 4 - Part III - Views (Continuação: Part II)

Embed Size (px)

DESCRIPTION

Continuação de Views Asp.net MVC 4. Foco em Razor(Layout, Partial View e View Fortemente Tipada).

Citation preview

Page 1: ASP.NET MVC 4 - Part III - Views (Continuação: Part II)

ASP.NET MVC 4 – Parte III

Page 2: ASP.NET MVC 4 - Part III - Views (Continuação: Part II)

View Razor

LayoutPartial ViewViews FortementeTipadas

Page 3: ASP.NET MVC 4 - Part III - Views (Continuação: Part II)

Layout

Page 4: ASP.NET MVC 4 - Part III - Views (Continuação: Part II)

View – Razor – Layout

Templates que tem comoobjetivo manter umaparência padrão dentroaplicação.

da

Tem o mesmo propósitodas MasterPages, masoferece simplicidade nasintaxe e flexibilidade.

Page 5: ASP.NET MVC 4 - Part III - Views (Continuação: Part II)

View – Razor – Layout

Por convenção, utiliza oViewStart.

ViewStart(/Views/_ViewSta rt.cshtml) é executadoantes de qualquer view.

@{Layout ="~/Views/Shared/_Layout.cshtml";}

Page 6: ASP.NET MVC 4 - Part III - Views (Continuação: Part II)

View – Razor – Layout

ViewStart pode sersobescrito na views.

@{Layout

}= path ;

@{Layout

}= null ;

Page 7: ASP.NET MVC 4 - Part III - Views (Continuação: Part II)

View – Razor – Layout

Suporta conceitos desections.

Sections: São blocosconteúdo que serãoinseridos em locaisespecíficos da view

de

A view deve prover oconteúdo para as sections.

Page 8: ASP.NET MVC 4 - Part III - Views (Continuação: Part II)

View – Razor – Layout

Ex: No arquivo de Layout

@RenderSection(“Nome”,required:false);

Na view@ section Nome{

<h1>Conteúdo</h1>}

Page 9: ASP.NET MVC 4 - Part III - Views (Continuação: Part II)

Partial View

Page 10: ASP.NET MVC 4 - Part III - Views (Continuação: Part II)

View – Razor – Partial View

São arquivos de views quecontém fragmentos Razor eHtml que podem serincluídas em outras views.

Evita código duplicado

Semelhante ao UserControl(.ascx)

Page 11: ASP.NET MVC 4 - Part III - Views (Continuação: Part II)

View – Razor – Partial View

Principal benefício:Reutilização

Exs de Utilização: Headers,Footers, Htmls Utilitários.

Podem ser renderizadas [email protected] e@HtmlRenderPartial.

Page 12: ASP.NET MVC 4 - Part III - Views (Continuação: Part II)

View – Razor – Partial View

@Html.Partial

Retorna uma string

Pode ser armazenadoem uma variável orretornado numa função

Ex: @Html.Partial(“nome”)

Page 13: ASP.NET MVC 4 - Part III - Views (Continuação: Part II)

View – Razor – Partial View

@Html.PartialView

Retorna void

Resultado escritoresponse stream

no

durante a execução.

Mais rápido que [email protected]

Ex: Html.RenderPartial(“nome”)

Page 14: ASP.NET MVC 4 - Part III - Views (Continuação: Part II)

View – Razor – Partial View

Pode acessar os dados daView Pai

Quando a partial view é atualizada, somente o ViewData da partial é

atualizado. O ViewDataView “Pai” não seráalterado.

Partial View != Sections(Layout)

da

Page 15: ASP.NET MVC 4 - Part III - Views (Continuação: Part II)

Views Fortemente Tipadas

Page 16: ASP.NET MVC 4 - Part III - Views (Continuação: Part II)

View – Razor – ViewFortemente Tipadas

É uma forma de enviardados do Controller paraView.

a

São utilizadas pararenderizar específicos tiposde modelos(!= ViewBag,ViewData, etc).

Intellisense

Page 17: ASP.NET MVC 4 - Part III - Views (Continuação: Part II)

View – Razor – View Models

Pode fazer referência a ummodel

Ex: @modelNamespace.NomeModel

Também pode referenciaruma collection.

@model IEnumerable<Model>