[Fork] mvc | C# Online Compiler

[Fork] mvc by Anshul Agarwal

using System;
using System.ComponentModel.DataAnnotations;
using System.Collections.Generic;
namespace HelloWorldMvcApp
{
	public class SampleViewModel
	{
	    [Required(ErrorMessage="Enter your first Name")]
		public string FirstName{get; set;}
	    [Required(ErrorMessage="Enter your last Name")]
		public string LastName{get; set;}
	    [Required(ErrorMessage="Enter your address")]
		[MinLength(4)]
		public string Address{get; set;}
	    [Required(ErrorMessage="Enter your Date of Birth")]
		public string DOB{get; set;}
		
	
	  public static List<SampleViewModel> GetUser()
	  {
		 	List<SampleViewModel>userlist=new List<SampleViewModel>()
		{
			new SampleViewModel{FirstName="Chetan",LastName="Sillu",Address="Mumbai",DOB="04/06/1994"},
			new SampleViewModel{FirstName="Nikhil",LastName="Agarwal",Address="Mumbai",DOB="02/06/1994"},
			new SampleViewModel{FirstName="Anshul",LastName="Agarwal",Address="Delhi",DOB="01/03/1995"},
	
	    };
		  return userlist;
	  }
	}
}

Model

 
using System;
using System.ComponentModel.DataAnnotations;
using System.Collections.Generic;
namespace HelloWorldMvcApp
{
    public class SampleViewModel
    {
        [Required(ErrorMessage="Enter your first Name")]
        public string FirstName{get; set;}
        [Required(ErrorMessage="Enter your last Name")]
        public string LastName{get; set;}
        [Required(ErrorMessage="Enter your address")]
        [MinLength(4)]
        public string Address{get; set;}
        [Required(ErrorMessage="Enter your Date of Birth")]
        public string DOB{get; set;}
        
    
      public static List<SampleViewModel> GetUser()
      {
            List<SampleViewModel>userlist=new List<SampleViewModel>()
        {
            new SampleViewModel{FirstName="Chetan",LastName="Sillu",Address="Mumbai",DOB="04/06/1994"},
            new SampleViewModel{FirstName="Nikhil",LastName="Agarwal",Address="Mumbai",DOB="02/06/1994"},
            new SampleViewModel{FirstName="Anshul",LastName="Agarwal",Address="Delhi",DOB="01/03/1995"},
    
        };
          return userlist;
      }
    }
}

@model IEnumerable<HelloWorldMvcApp.SampleViewModel>
@{
	ViewBag.Title="Index";
}

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

<html lang="en">
	<head>
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
		<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
	
		<script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
		<script src="//ajax.aspnetcdn.com/ajax/mvc/4.0/jquery.validate.unobtrusive.min.js"></script>
		
		<script type="text/javascript">
		
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
		<style>
	#tb{
	    Background-color:Blue;
	    color:white;
        }
	     </style>
		
	</head>
	
<body>
	<h2>Employee Data</h2>
			<table Id="tb">
     <tr>
           <th>FirstName</th>
           <th>LastName</th>
           <th>Address</th>
           <th>Date Of Birth</th>
     </tr>
@foreach(var obj in Model)
 {
     <tr>
        <td>@obj.FirstName</td>
        <td>@obj.LastName</td>
        <td>@obj.Address</td>
        <td>@obj.DOB</td>
     </tr>
  }
	</table><br/>
	<input type="button" id="btn" Value="Add New Record">
		
				<table id="tb1" style="Display:none;">
					<tr>
						<td>First Name</td>
						<td><input type="text" id="txtfn" ></td>
					</tr>
					<tr>
						<td>Last Name</td>
						<td><input type="text" id="txtln"></td>
					</tr>
					<tr>
						<td>Address</td>
						<td><input type="text" id="txtadd"></td>
					</tr>
						<tr>
						<td>Last Date of Birth</td>
						<td><input type="date" id="txtdob"></td>
					</tr>
					<tr>
						<td></td>
						<td><input type="submit" id="submit"></td>
					</tr>
				</table>
			

<script>
	
	$(document).ready(function(){
			
		$("#btn").click(function()
		  {
			$("#tb1").show();
		    $("#tb").toggle();
           
		  });
	    $("#submit").click(function()
	      {
	          
	           alert("Data Added Successfully");
	           $("#tb1").hide();
	           $("#tb").show();
	       });
	
		 });
	
	
</script>
	
			
</body>
</html>
	</body>
</html>

View

​x
 
@model IEnumerable<HelloWorldMvcApp.SampleViewModel>
@{
    ViewBag.Title="Index";
}
​
<!DOCTYPE html>
<!-- template from http://getbootstrap.com/getting-started -->
​
<html lang="en">
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
    
        <script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
        <script src="//ajax.aspnetcdn.com/ajax/mvc/4.0/jquery.validate.unobtrusive.min.js"></script>
        
        <script type="text/javascript">
        
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
        <style>
    #tb{
        Background-color:Blue;
        color:white;
        }
         </style>
        
    </head>
    
<body>
    <h2>Employee Data</h2>
            <table Id="tb">
     <tr>
           <th>FirstName</th>
           <th>LastName</th>
           <th>Address</th>
           <th>Date Of Birth</th>
     </tr>
@foreach(var obj in Model)
 {
     <tr>
        <td>@obj.FirstName</td>
        <td>@obj.LastName</td>
        <td>@obj.Address</td>
        <td>@obj.DOB</td>
     </tr>
  }
    </table><br/>
    <input type="button" id="btn" Value="Add New Record">
        
                <table id="tb1" style="Display:none;">
                    <tr>
                        <td>First Name</td>
                        <td><input type="text" id="txtfn" ></td>
                    </tr>
                    <tr>
                        <td>Last Name</td>
                        <td><input type="text" id="txtln"></td>
                    </tr>
                    <tr>
                        <td>Address</td>
                        <td><input type="text" id="txtadd"></td>
                    </tr>
                        <tr>
                        <td>Last Date of Birth</td>
                        <td><input type="date" id="txtdob"></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td><input type="submit" id="submit"></td>
                    </tr>
                </table>
            
​
<script>
    
    $(document).ready(function(){
            
        $("#btn").click(function()
          {
            $("#tb1").show();
            $("#tb").toggle();
           
          });
        $("#submit").click(function()
          {
              
               alert("Data Added Successfully");
               $("#tb1").hide();
               $("#tb").show();
           });
    
         });
    
    
</script>
    
            
</body>
</html>
    </body>
</html>
​

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

namespace HelloWorldMvcApp
{
	public class HomeController : Controller
	{
		[HttpGet]
		public ActionResult Index()
		{
		List<SampleViewModel> list=SampleViewModel.GetUser();
			ViewBag.Message="Details of Employees";
			return View(list);
		}
		

		

	
	}
}

Controller

 
using System;
using System.Web.Mvc;
using System.Collections.Generic;
​
namespace HelloWorldMvcApp
{
    public class HomeController : Controller
    {
        [HttpGet]
        public ActionResult Index()
        {
        List<SampleViewModel> list=SampleViewModel.GetUser();
            ViewBag.Message="Details of Employees";
            return View(list);
        }
        
​
        
​
    
    }
}

View in Full Screen

John PA
Jane NJ
Jack PA

Smith, PA
Doe, NJ
Jones, PA
Smith,

Cached Result
Last Run:	12:23:35 am
Compile:	0.124s
Execute:	0.032s
Memory:	8kb
CPU:	0.047s

View IL Code