lesson 8 | C# Online Compiler

lesson 8 by Daniil N.

using System;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;

namespace HelloWorldMvcApp
{
    public class SampleViewModel
    {

        public string Name;
        public string Email;
        public string Adress;
       
        public short _page;

        public List<SampleViewModel> GetData()
        {
            List<SampleViewModel> sampleList = new List<SampleViewModel>();
            sampleList.Add(new SampleViewModel()
                {
                    Name = "DW",
                    Email = "DWtheRock@Hobbs.com",
                    Adress = "MyAdress",
                    
                    _page = 1
                });
            sampleList.Add(new SampleViewModel()
                {
                    Name = "JC",
                    Email = "JcJSpro@bible.com",
                    Adress = "MyAdress",
                  
                    _page = 2
                });
            return new List<SampleViewModel>();
        }
    }
}

Model

​x
 
using System;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;
​
namespace HelloWorldMvcApp
{
    public class SampleViewModel
    {
​
        public string Name;
        public string Email;
        public string Adress;
       
        public short _page;
​
        public List<SampleViewModel> GetData()
        {
            List<SampleViewModel> sampleList = new List<SampleViewModel>();
            sampleList.Add(new SampleViewModel()
                {
                    Name = "DW",
                    Email = "DWtheRock@Hobbs.com",
                    Adress = "MyAdress",
                    
                    _page = 1
                });
            sampleList.Add(new SampleViewModel()
                {
                    Name = "JC",
                    Email = "JcJSpro@bible.com",
                    Adress = "MyAdress",
                  
                    _page = 2
                });
            return new List<SampleViewModel>();
        }
    }
}

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

<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.20/css/dataTables.bootstrap4.min.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script></head>
<body>
	<div class = "container">
		<h1>C# Backend Test</h1>
		<div class="col-md-12"></div>
		<div class="row"></div>
	<table class="table table--striped">
			<thead>
				<th>Name</th>
				<th>Email</th>
				<th>Address</th>
			
			</thead>
	</table>
		<div class	= "row">
		<div id = "pageContainer">
		<nav class = "navbar navbar-expand-sm">
		<ul class = "navbar-nav" id = "menu"></ul>
		</nav>
		</div>
		</div>
		</div>
		</div>
	<script>
		var html = "";
		var pHtml = "";
		var i = 0;
		var j = 0;
		var m = 0;
		var _currrentPage = 1;

		function getResult(_currentPage){
		$.ajax({
			type : 'GET',
			url : '@Url.Action("BindTable", "Home")',
			contenType : 'application/json',
			dataType : 'json',
			data : {_currentPage: _currentPage},
			success : function(data){
				GlobalData = data;
				globalPageCount = data.pageCount;
				CreatePages(globalPageCount);
				populateTable(_currentPage);
			},
			error : function(){alert('Error')}
		}
		
		function populateTable(_currentPage){
		html = '';
		$("#tbleData").empty();
		var dataItemArray = $.grep(GlobalData.data, function(v) {
			return v.page === _currentPage;
		});
			for(var i = 0; i<dataArray.length;i++){
			html = html+'<tr><td>'+dataItemArray[i].Name+'<tr><td>'+
			dataItemArray[i].Email+'<tr><td>'+dataItemArray[i].Adress+
			'<tr><td>';
		}
		$("#tblData").append(html);
		CreatePages(globalPageCount);
		$("#pageItem_" + _currentPage).removeAttr("href");
		
	}
		function CreatePages(count){
		i = Math.floor(count/2);
		j = count%2;
		totalPages = i + j;
		pHtml = '';
		$("#menu").empty();
		for(var k = 0; k<totalPages; k++){
		pHtml = pHtml + '<li class = "nav-item"><a id = "pageItem_"+
		(k + 1) + '"class = "nav-link" href = "#" onclick = "ChangePage('+
		(k + 1)+')"> + '+(k + 1)+'</a></li>;
		}
		$("#menu").append(pHtml);
	
	
	</script>
		
</body>
</html>

View

 
@model HelloWorldMvcApp.SampleViewModel
@{
    Layout = null;
}
​
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.20/css/dataTables.bootstrap4.min.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script></head>
<body>
    <div class = "container">
        <h1>C# Backend Test</h1>
        <div class="col-md-12"></div>
        <div class="row"></div>
    <table class="table table--striped">
            <thead>
                <th>Name</th>
                <th>Email</th>
                <th>Address</th>
            
            </thead>
    </table>
        <div class  = "row">
        <div id = "pageContainer">
        <nav class = "navbar navbar-expand-sm">
        <ul class = "navbar-nav" id = "menu"></ul>
        </nav>
        </div>
        </div>
        </div>
        </div>
    <script>
        var html = "";
        var pHtml = "";
        var i = 0;
        var j = 0;
        var m = 0;
        var _currrentPage = 1;
​
        function getResult(_currentPage){
        $.ajax({
            type : 'GET',
            url : '@Url.Action("BindTable", "Home")',
            contenType : 'application/json',
            dataType : 'json',
            data : {_currentPage: _currentPage},
            success : function(data){
                GlobalData = data;
                globalPageCount = data.pageCount;
                CreatePages(globalPageCount);
                populateTable(_currentPage);
            },
            error : function(){alert('Error')}
        }
        
        function populateTable(_currentPage){
        html = '';
        $("#tbleData").empty();
        var dataItemArray = $.grep(GlobalData.data, function(v) {
            return v.page === _currentPage;
        });
            for(var i = 0; i<dataArray.length;i++){
            html = html+'<tr><td>'+dataItemArray[i].Name+'<tr><td>'+
            dataItemArray[i].Email+'<tr><td>'+dataItemArray[i].Adress+
            '<tr><td>';
        }
        $("#tblData").append(html);
        CreatePages(globalPageCount);
        $("#pageItem_" + _currentPage).removeAttr("href");
        
    }
        function CreatePages(count){
        i = Math.floor(count/2);
        j = count%2;
        totalPages = i + j;
        pHtml = '';
        $("#menu").empty();
        for(var k = 0; k<totalPages; k++){
        pHtml = pHtml + '<li class = "nav-item"><a id = "pageItem_"+
        (k + 1) + '"class = "nav-link" href = "#" onclick = "ChangePage('+
        (k + 1)+')"> + '+(k + 1)+'</a></li>;
        }
        $("#menu").append(pHtml);
    
    
    </script>
        
</body>
</html>
    
    

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

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

		[HttpGet]
		public JsonResult BlindTable(int _currentPage)
		{
			SampleViewModel model = new SampleViewModel();
			List<SampleViewModel> lstModel = new List<SampleViewModel>();
			lstModel = model.GetData();
			return Json(new
			{
			success = true, data = lstModel, pageCount = lstModel.Count()}

			, JsonRequestBehavior.AllowGet);
		}
	}
}

Controller

 
using System;
using System.Web.Mvc;
using System.Collections.Generic;
using System.Linq;
​
namespace HelloWorldMvcApp
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }
​
        [HttpGet]
        public JsonResult BlindTable(int _currentPage)
        {
            SampleViewModel model = new SampleViewModel();
            List<SampleViewModel> lstModel = new List<SampleViewModel>();
            lstModel = model.GetData();
            return Json(new
            {
            success = true, data = lstModel, pageCount = lstModel.Count()}
​
            , JsonRequestBehavior.AllowGet);
        }
    }
}

View in Full Screen

Environment version: 4.0.30319.42000
Json.NET version: Newtonsoft.Json, Version=10.0.0.0, Culture=neutral, PublicKeyToken=30ad4fe6b2a6aeed

{
  "name": "student 1",
  "grades": [
    {
      "subject1": "A",
      "subject2": "B"
    }
  ]
}
{
  "name": "student 1",
  "grades": [
    {
      "subject1": "A",
      "subject2": "B"
    }
  ]
}

Last Run:	2:16:32 am
Compile:	0.204s
Execute:	0.094s
Memory:	449.15kb
CPU:	0.188s

View IL Code