WebGrid sample | C# Online Compiler

WebGrid sample by IbrahimIslam

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

namespace HelloWorldMvcApp
{
	public class User
    {
        public string Username { get; set; }
        public List<Order> Orders { get; set; }
    }

    public class Order
    {
        public string ProductName { get; set; }
    }
}

Model

​x
 
using System;
using System.ComponentModel.DataAnnotations;
using System.Collections.Generic;
​
namespace HelloWorldMvcApp
{
    public class User
    {
        public string Username { get; set; }
        public List<Order> Orders { get; set; }
    }
​
    public class Order
    {
        public string ProductName { get; set; }
    }
}

@model List<HelloWorldMvcApp.User>
@{
	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">
		<title>WebGrid Sample</title>
	</head>	
	<body>

@{
    var grid = new WebGrid(Model);}
@grid.GetHtml(tableStyle: "webGrid",
                headerStyle: "header",
                alternatingRowStyle: "alt",
                selectedRowStyle: "select",
                columns: grid.Columns(
                grid.Column("Username", "Username"),
                grid.Column("Products", format: @<text>
                    @if( ((List<HelloWorldMvcApp.Order>)item.Orders).Count() > 0 )
					{
						@( ((List<HelloWorldMvcApp.Order>)item.Orders).Select(s => s.ProductName).Aggregate((a, b) => a + "," + b) );
					}
					else
					{
						<text>None</text>;
					}
                </text> )
))

	</body>
</html>

View

 
@model List<HelloWorldMvcApp.User>
@{
    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">
        <title>WebGrid Sample</title>
    </head> 
    <body>
​
@{
    var grid = new WebGrid(Model);}
@grid.GetHtml(tableStyle: "webGrid",
                headerStyle: "header",
                alternatingRowStyle: "alt",
                selectedRowStyle: "select",
                columns: grid.Columns(
                grid.Column("Username", "Username"),
                grid.Column("Products", format: @<text>
                    @if( ((List<HelloWorldMvcApp.Order>)item.Orders).Count() > 0 )
                    {
                        @( ((List<HelloWorldMvcApp.Order>)item.Orders).Select(s => s.ProductName).Aggregate((a, b) => a + "," + b) );
                    }
                    else
                    {
                        <text>None</text>;
                    }
                </text> )
))
​
    </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 List<User> 
            {
                new User
                { 
                    Username = "Ibrahim", Orders = new List<Order>
                    { 
                        new Order{ ProductName = "Game" },
                        new Order{ ProductName = "Spray" }
                    } 
                },
                new User
                { 
                    Username = "John", Orders = new List<Order>
                    { 
                        new Order{ ProductName = "123" },
                        new Order{ ProductName = "456" },
                        new Order{ ProductName = "789" }
                    } 
                },
				new User
                { 
                    Username = "Jane", Orders = new List<Order> { } 
                }
            });

		}

	}
}

Controller

 
using System;
using System.Web.Mvc;
using System.Collections.Generic;
​
namespace HelloWorldMvcApp
{
    public class HomeController : Controller
    {
        [HttpGet]
        public ActionResult Index()
        {
            return View(new List<User> 
            {
                new User
                { 
                    Username = "Ibrahim", Orders = new List<Order>
                    { 
                        new Order{ ProductName = "Game" },
                        new Order{ ProductName = "Spray" }
                    } 
                },
                new User
                { 
                    Username = "John", Orders = new List<Order>
                    { 
                        new Order{ ProductName = "123" },
                        new Order{ ProductName = "456" },
                        new Order{ ProductName = "789" }
                    } 
                },
                new User
                { 
                    Username = "Jane", Orders = new List<Order> { } 
                }
            });
​
        }
​
    }
}

View in Full Screen

Please input your height :

Last Run:	6:28:00 pm
Compile:	0.464s
Execute:	0.002s
Memory:	32kb
CPU:	0.016s

View IL Code