none
Como fazer uma tela de Detalhe de um registro RRS feed

  • Pergunta

  • Bom dia

    desculpe a nova duvida de iniciante mase tudo muito novo para mim.

    Gostaria de saber como  criar uma view de teltalhe de um resgistro com campos textos extensos e outros campos textos os dados sao semelhantes ao que o baixaki mostra quando voce pede donwload de algum software la.

    grato

    fernando

    terça-feira, 27 de agosto de 2013 13:00

Respostas

  • Oi acredito que sua dúvida seja essa:

    Fiz uma uma view de exemplo para essa classe:

    public class Produto
        {
            public String Nome { get; set; }
            public String Descricao { get; set; }
            public decimal Preco { get; set; }
            public String Categoria { get; set; }
            public String Fabricante { get; set; }
        }

    @model MvcApplication2.Models.Produto
    
    @{
        ViewBag.Title = "Details";
    }
    
    <h2>Details</h2>
    
    <fieldset>
        <legend>Produto</legend>
    
        <div class="display-label">Nome</div>
        <div class="display-field">
            @Html.DisplayFor(model => model.Nome)
        </div>
    
        <div class="display-label">Descricao</div>
        <div class="display-field">
            @Html.DisplayFor(model => model.Descricao)
        </div>
    
        <div class="display-label">Preco</div>
        <div class="display-field">
            @Html.DisplayFor(model => model.Preco)
        </div>
    
        <div class="display-label">Categoria</div>
        <div class="display-field">
            @Html.DisplayFor(model => model.Categoria)
        </div>
    
        <div class="display-label">Fabricante</div>
        <div class="display-field">
            @Html.DisplayFor(model => model.Fabricante)
        </div>
    </fieldset>
    <p>
        @Html.ActionLink("Edit", "Edit", new { /* id=Model.PrimaryKey */ }) |
        @Html.ActionLink("Back to List", "Index")
    </p>

    Utilizando o @Html.DisplayFor, ou apenas @model.Nome (exemplo), você pode posicionar onde você quiser os campos do seu objeto.

    segunda-feira, 2 de setembro de 2013 15:37
  • O Cleuton vai falar nas vídeo aulas mas eu fiz um exemplo aqui pra você.

    Sua Classe: 

    namespace MvcApplication2.Models
    {
    
        public class Produto
        {
            // Display se trata de um Data Annotation
            // Display atribui o valor que será exibido na tela para o usuário
            [Display(Name = "Código Produto")]
            public int codProduto { get; set; }
            public string nomeProduto { get; set; }
    
            public string descProduto { get; set; }
            public decimal precoProduto { get; set; }
            public string categoriaProduto { get; set; }
    
            public string fabricanteProduto { get; set; }
        }
    }

    Vamos a criação da sua Controller. 

    Crie uma Controller simples Empty Controller. 

    No caso aqui coloquei o nome da controller de Produto.

    namespace MvcApplication2.Controllers
    {
        public class ProdutoController : Controller
        {
            //
            // GET: /Produto/
    
            public ActionResult Index()
            {
                return View();
            }
    
        }
    }

    Feito isso, clique com o botão direito e View(), e vai em addView vai abrir uma caixinha como a da imagem abaixo.

    Crie uma View Tipada, selecionando conforme na imagem a sua Model Produto, em Scaffold selecione o item Create e clique em ADD.

    Utilize a sua View tipada, selecionando sua Model conforme a imagem a cima, em Scaffold selecione Create. 

    Após isso sua View estará pronta como um formulário de criação de Produtos. 

    Compile e F5, não se esqueça de aponta no browser o nome da sua controller que nesse caso ficou como Produto. 

    Tela Criada.

    Seu Formulário de criação de produtos está pronto. 

    Abrass Good Luck.

    segunda-feira, 2 de setembro de 2013 17:48

Todas as Respostas

  • Fala Fernando beleza cara?

    Não sei se entendi muito bem a sua dúvida, mas caso você queira fazer um formulário desse tipo utilizando já o MVC top demais cara, vou te passar aqui o endereço do Cleyton Ferrari, esse cara tem algumas video aulas sobre MVC4 que irão te ajudar muito. 

    http://cleytonferrari.com/

    Eu comecei com MVC vendo as aulas desse cara. 

    Caso te ajude marque como resposta, caso queira explicar sua dúvida melhor posta ai que vamos tentar ajudar. 

    Abrass Good Luck.

    terça-feira, 27 de agosto de 2013 13:44
  • Primeiramente agradeco a sugestao e ja estou assistindo as video aulas.

    Para explicar melhor o que perguntei acima imagina numa tabela os seguintes campos:

    Nome Produto: {50carc}

    Descricao: {texto livre}

    Preco:

    Categoria:

    Fabricante:

    Eu gostaria de saber como posicionar esses campos numa view de forma principalmente o Campo Descrição seja visto integralmente mostrando todas as caracteristicas do produto.

    terça-feira, 27 de agosto de 2013 16:03
  • Oi acredito que sua dúvida seja essa:

    Fiz uma uma view de exemplo para essa classe:

    public class Produto
        {
            public String Nome { get; set; }
            public String Descricao { get; set; }
            public decimal Preco { get; set; }
            public String Categoria { get; set; }
            public String Fabricante { get; set; }
        }

    @model MvcApplication2.Models.Produto
    
    @{
        ViewBag.Title = "Details";
    }
    
    <h2>Details</h2>
    
    <fieldset>
        <legend>Produto</legend>
    
        <div class="display-label">Nome</div>
        <div class="display-field">
            @Html.DisplayFor(model => model.Nome)
        </div>
    
        <div class="display-label">Descricao</div>
        <div class="display-field">
            @Html.DisplayFor(model => model.Descricao)
        </div>
    
        <div class="display-label">Preco</div>
        <div class="display-field">
            @Html.DisplayFor(model => model.Preco)
        </div>
    
        <div class="display-label">Categoria</div>
        <div class="display-field">
            @Html.DisplayFor(model => model.Categoria)
        </div>
    
        <div class="display-label">Fabricante</div>
        <div class="display-field">
            @Html.DisplayFor(model => model.Fabricante)
        </div>
    </fieldset>
    <p>
        @Html.ActionLink("Edit", "Edit", new { /* id=Model.PrimaryKey */ }) |
        @Html.ActionLink("Back to List", "Index")
    </p>

    Utilizando o @Html.DisplayFor, ou apenas @model.Nome (exemplo), você pode posicionar onde você quiser os campos do seu objeto.

    segunda-feira, 2 de setembro de 2013 15:37
  • O Cleuton vai falar nas vídeo aulas mas eu fiz um exemplo aqui pra você.

    Sua Classe: 

    namespace MvcApplication2.Models
    {
    
        public class Produto
        {
            // Display se trata de um Data Annotation
            // Display atribui o valor que será exibido na tela para o usuário
            [Display(Name = "Código Produto")]
            public int codProduto { get; set; }
            public string nomeProduto { get; set; }
    
            public string descProduto { get; set; }
            public decimal precoProduto { get; set; }
            public string categoriaProduto { get; set; }
    
            public string fabricanteProduto { get; set; }
        }
    }

    Vamos a criação da sua Controller. 

    Crie uma Controller simples Empty Controller. 

    No caso aqui coloquei o nome da controller de Produto.

    namespace MvcApplication2.Controllers
    {
        public class ProdutoController : Controller
        {
            //
            // GET: /Produto/
    
            public ActionResult Index()
            {
                return View();
            }
    
        }
    }

    Feito isso, clique com o botão direito e View(), e vai em addView vai abrir uma caixinha como a da imagem abaixo.

    Crie uma View Tipada, selecionando conforme na imagem a sua Model Produto, em Scaffold selecione o item Create e clique em ADD.

    segunda-feira, 2 de setembro de 2013 17:45
  • O Cleuton vai falar nas vídeo aulas mas eu fiz um exemplo aqui pra você.

    Sua Classe: 

    namespace MvcApplication2.Models
    {
    
        public class Produto
        {
            // Display se trata de um Data Annotation
            // Display atribui o valor que será exibido na tela para o usuário
            [Display(Name = "Código Produto")]
            public int codProduto { get; set; }
            public string nomeProduto { get; set; }
    
            public string descProduto { get; set; }
            public decimal precoProduto { get; set; }
            public string categoriaProduto { get; set; }
    
            public string fabricanteProduto { get; set; }
        }
    }

    Vamos a criação da sua Controller. 

    Crie uma Controller simples Empty Controller. 

    No caso aqui coloquei o nome da controller de Produto.

    namespace MvcApplication2.Controllers
    {
        public class ProdutoController : Controller
        {
            //
            // GET: /Produto/
    
            public ActionResult Index()
            {
                return View();
            }
    
        }
    }

    Feito isso, clique com o botão direito e View(), e vai em addView vai abrir uma caixinha como a da imagem abaixo.

    Crie uma View Tipada, selecionando conforme na imagem a sua Model Produto, em Scaffold selecione o item Create e clique em ADD.

    Utilize a sua View tipada, selecionando sua Model conforme a imagem a cima, em Scaffold selecione Create. 

    Após isso sua View estará pronta como um formulário de criação de Produtos. 

    Compile e F5, não se esqueça de aponta no browser o nome da sua controller que nesse caso ficou como Produto. 

    Tela Criada.

    Seu Formulário de criação de produtos está pronto. 

    Abrass Good Luck.

    segunda-feira, 2 de setembro de 2013 17:48