Exemplo Jalber Romano | C# Online Compiler

Exemplo Jalber Romano by julianonunes

using System;
using System.ComponentModel.DataAnnotations;

namespace HelloWorldMvcApp
{
	public class PessoaViewModel
	{
		public int Id
		{
			get;
			set;
		}

		public PessoaNatureza PessoaNatureza
		{
			get;
			set;
		}
	}

	public class PessoaNatureza
	{
		public string Nome
		{
			get;
			set;
		}
	}
}

Model

​x
 
using System;
using System.ComponentModel.DataAnnotations;
​
namespace HelloWorldMvcApp
{
    public class PessoaViewModel
    {
        public int Id
        {
            get;
            set;
        }
​
        public PessoaNatureza PessoaNatureza
        {
            get;
            set;
        }
    }
​
    public class PessoaNatureza
    {
        public string Nome
        {
            get;
            set;
        }
    }
}

@model HelloWorldMvcApp.PessoaViewModel
@{
	Layout = null;
}

<!DOCTYPE html>
<!-- template from http://getbootstrap.com/getting-started -->

<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		
	</head>
	
	<body>
		<div class="container">
			<div class="col-md-6 col-md-offset-3">
	
				@using (Html.BeginForm())
				{
					<div class="form-group">
					  <label asp-for="PessoaNatureza" class="col-md-2 control-label"></label>
						<div class="col-md-3">
						  <select id="PessoaNatureza"><option>--SELECIONE--</option>
											<option value="PF">Pessoa Física</option>
											<option value="PJ">Pessoa Jurídica</option>
						  </select>
						 
					 </div>
					</div>
				}
	
				
			</div>
		</div>
				
		<div id="output"></div>
				
				
		<script src="https://code.jquery.com/jquery-2.2.4.min.js" type="text/javascript"></script>
		<script src="https://cdn.jsdelivr.net/npm/jquery-todictionary@1.3.0/jquery-todictionary.min.js" type="text/javascript"></script>
				
		<script type="text/javascript">
		
			
		
			$(function(){
				$('#PessoaNatureza').change(function() {
					
					$.ajax({
						  	method: 'POST',
						  	url: '@Url.Action("Create")',
							contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
							data: $.toDictionary({ Id: 1, 
							   PessoaNatureza: {
							   	Nome: $(this).val()
							   } 
							  })
						
					}).done(function( content ) {
						$( "#output" ).html( content.Nome );
					});
				});			
			});

		</script>
	</body>
</html>

View

 
@model HelloWorldMvcApp.PessoaViewModel
@{
    Layout = null;
}
​
<!DOCTYPE html>
<!-- template from http://getbootstrap.com/getting-started -->
​
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        
    </head>
    
    <body>
        <div class="container">
            <div class="col-md-6 col-md-offset-3">
    
                @using (Html.BeginForm())
                {
                    <div class="form-group">
                      <label asp-for="PessoaNatureza" class="col-md-2 control-label"></label>
                        <div class="col-md-3">
                          <select id="PessoaNatureza"><option>--SELECIONE--</option>
                                            <option value="PF">Pessoa Física</option>
                                            <option value="PJ">Pessoa Jurídica</option>
                          </select>
                         
                     </div>
                    </div>
                }
    
                
            </div>
        </div>
                
        <div id="output"></div>
                
                
        <script src="https://code.jquery.com/jquery-2.2.4.min.js" type="text/javascript"></script>
        <script src="https://cdn.jsdelivr.net/npm/jquery-todictionary@1.3.0/jquery-todictionary.min.js" type="text/javascript"></script>
                
        <script type="text/javascript">
        
            
        
            $(function(){
                $('#PessoaNatureza').change(function() {
                    
                    $.ajax({
                            method: 'POST',
                            url: '@Url.Action("Create")',
                            contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
                            data: $.toDictionary({ Id: 1, 
                               PessoaNatureza: {
                                Nome: $(this).val()
                               } 
                              })
                        
                    }).done(function( content ) {
                        $( "#output" ).html( content.Nome );
                    });
                });         
            });
​
        </script>
    </body>
</html>
​

using System;
using System.Web.Mvc;
using System.Collections.Generic;

namespace HelloWorldMvcApp
{
	public class HomeController : Controller
	{
		[HttpGet]
		public ActionResult Index()
		{
			return View(new PessoaViewModel());
		}

		[HttpPost]
		public ActionResult Create(PessoaViewModel pessoaViewModel)
		{
			return Json(new {pessoaViewModel.PessoaNatureza.Nome});
		}
	}
}

Controller

 
using System;
using System.Web.Mvc;
using System.Collections.Generic;
​
namespace HelloWorldMvcApp
{
    public class HomeController : Controller
    {
        [HttpGet]
        public ActionResult Index()
        {
            return View(new PessoaViewModel());
        }
​
        [HttpPost]
        public ActionResult Create(PessoaViewModel pessoaViewModel)
        {
            return Json(new {pessoaViewModel.PessoaNatureza.Nome});
        }
    }
}

View in Full Screen

100019.1865
100019.187 ms

Cached Result
Last Run:	8:00:16 pm
Compile:	0.12s
Execute:	1.06s
Memory:	607.69kb
CPU:	1.18s

View IL Code