ProvidersTest | C# Online Compiler

ProvidersTest by Max Brodin

using System;
using System.ComponentModel.DataAnnotations;

namespace HelloWorldMvcApp
{
	public class Provider
	{
		public string ProviderType { get; set; }

		//See here for list of answers
		public string FirstName { get; set; }
	}
}

Model

​x
 
using System;
using System.ComponentModel.DataAnnotations;
​
namespace HelloWorldMvcApp
{
    public class Provider
    {
        public string ProviderType { get; set; }
​
        //See here for list of answers
        public string FirstName { get; set; }
    }
}

   @{
       Layout = null;
    }
 <head>
     <title>LIST OF PROVIDERS</title>
 </head>
 <body>
      <table class="table table-striped table-bordered table-hover">
    <tr>     
        <th>Provider Type</th>
        <th>First Name</th>        
    </tr>

	<tbody data-bind="foreach: providers">
	  <tr>
			<td class="col-lg-2" data-bind="text: ProviderType"></td>
			<td class="col-lg-1" data-bind="text: FirstName"></td>                
		</tr> 
	</tbody>           
	  </table>
</body>

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js'></script>



 <script type="text/javascript">
	var viewmodel = {
	    providers: ko.observableArray()
	};
	ko.applyBindings(viewmodel);
	 
    $.ajax({
	 url: '@Url.RouteUrl(new{ action="jsonview", controller="Home"})',
       dataType: "json",
    type: "GET",
    contentType: 'application/json; charset=utf-8',
    success: function (data) {
   	    viewmodel.providers(data);
        
    },
    error: function (xhr) {
	    alert('error');
    }
});
  </script>

View

 
   @{
       Layout = null;
    }
 <head>
     <title>LIST OF PROVIDERS</title>
 </head>
 <body>
      <table class="table table-striped table-bordered table-hover">
    <tr>     
        <th>Provider Type</th>
        <th>First Name</th>        
    </tr>
​
    <tbody data-bind="foreach: providers">
      <tr>
            <td class="col-lg-2" data-bind="text: ProviderType"></td>
            <td class="col-lg-1" data-bind="text: FirstName"></td>                
        </tr> 
    </tbody>           
      </table>
</body>
​
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js'></script>
​
​
​
 <script type="text/javascript">
    var viewmodel = {
        providers: ko.observableArray()
    };
    ko.applyBindings(viewmodel);
     
    $.ajax({
     url: '@Url.RouteUrl(new{ action="jsonview", controller="Home"})',
       dataType: "json",
    type: "GET",
    contentType: 'application/json; charset=utf-8',
    success: function (data) {
        viewmodel.providers(data);
        
    },
    error: function (xhr) {
        alert('error');
    }
});
  </script>

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

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


		[HttpGet]
		public JsonResult jsonview()
		{				
			var providers = new List<Provider> {
				new Provider { ProviderType = "Provider type", FirstName = "Name 1" },
			     new Provider { ProviderType = "Provider type", FirstName = "Name 2" }
			};
			
			return Json(providers, JsonRequestBehavior.AllowGet);
		}
	}
}

Controller

 
using System;
using System.Web.Mvc;
using System.Collections.Generic;
​
namespace HelloWorldMvcApp
{
    public class HomeController : Controller
    {
        [HttpGet]
        public ActionResult Index()
        {
            return View();
        }
​
​
        [HttpGet]
        public JsonResult jsonview()
        {               
            var providers = new List<Provider> {
                new Provider { ProviderType = "Provider type", FirstName = "Name 1" },
                 new Provider { ProviderType = "Provider type", FirstName = "Name 2" }
            };
            
            return Json(providers, JsonRequestBehavior.AllowGet);
        }
    }
}

View in Full Screen

null
[{"Id":"672af604-495b-4dc0-933e-6c55f56bef82","Name":"1"}]

Last Run:	3:01:16 pm
Compile:	0.313s
Execute:	0.189s
Memory:	1.21Mb
CPU:	0.312s

View IL Code