Create Controls - C1 ASP.NET MVC

// This file locates: "Scripts/Lesson/C1Mvc/CreateControls.js".
c1.documentReady(function () {
    var theDate = new wijmo.input.InputDate('#theDate', {
        value: new Date()
    });
});

using LearnMvcClient.Models;
using System.Web.Mvc;
 
namespace LearnMvcClient.Controllers
{
    public partial class C1MvcController : Controller
    {
        // GET: CreateControls
        public ActionResult CreateControls()
        {
            ViewBag.Countries = Countries.GetCountries();
            ViewBag.Sales = Sale.GetData(50);
            ViewBag.FruitSales = Fruit.GetFruitsSales();
            return View();
        }
    }
}

<h1>
    @Html.Raw(Resources.C1Mvc.CreateControls_Title)
</h1>
@Html.Raw(Resources.C1Mvc.CreateControls_Description)
 
@Html.Raw(Resources.C1Mvc.CreateControls_FlexGrid)
@(Html.C1().FlexGrid<Sale>()
    .AutoGenerateColumns(false)
    .Id("flexgrid")
    .CssClass("grid")
    .IsReadOnly(true)
    .Bind((IEnumerable<Sale>)ViewBag.Sales)
    .OrderBy("ID")
    .Columns(bl =>
    {
        bl.Add(cb => cb.Binding("ID"));
        bl.Add(cb => cb.Binding("Start"));
        bl.Add(cb => cb.Binding("End"));
        bl.Add(cb => cb.Binding("Country"));
        bl.Add(cb => cb.Binding("Product"));
        bl.Add(cb => cb.Binding("Color"));
        bl.Add(cb => cb.Binding("Amount").Format("c"));
        bl.Add(cb => cb.Binding("Amount2").Format("c"));
        bl.Add(cb => cb.Binding("Discount").Format("p0"));
        bl.Add(cb => cb.Binding("Active"));
    })
)
 
@Html.Raw(Resources.C1Mvc.CreateControls_FlexChart)
<div id="theChart"></div>
@(Html.C1().FlexChart("#theChart")
    .Bind((IEnumerable<Fruit>)ViewBag.FruitSales)
    .BindingX("Name")
    .Series(sers =>
    {
        sers.Add().Binding("MarPrice").Name("March");
        sers.Add().Binding("AprPrice").Name("April");
        sers.Add().Binding("MayPrice").Name("May");
    })
)
 
@Html.Raw(Resources.C1Mvc.CreateControls_InputDate)
<div id="theDate"></div>

Creating C1 MVC Controls