@using MVCFlexGrid_JP.Models
@using C1.Web.Mvc.Grid
@model IEnumerable<Sale>
@{
    Control optionsModel = ViewBag.DemoOptions;   
    ViewBag.DemoSettings = true;
}
<!-- FlexGridのインスタンスを作成し、プロパティを設定します-->
@(Html.C1().FlexGrid<Sale>()
    .Id("fGrid")
    .AutoGenerateColumns(false)
    .Height(450)
    .Width(700)
    .AllowAddNew(true)
    .SelectionMode(C1.Web.Mvc.Grid.SelectionMode.Cell)
    .CssClass("grid")
    .Bind(Model)

  // FlexGridに列データを連結します
     .Columns(bl =>
       {
           bl.Add(cb => cb.Binding("ID"));
           bl.Add(cb => cb.Binding("Start"));
           bl.Add(cb => cb.Binding("Product"));
           bl.Add(cb => cb.Binding("Amount").Format("c"));
           bl.Add(cb => cb.Binding("Discount").Format("p0"));
           bl.Add(cb => cb.Binding("Active"));
       })
)
<script>
    var grid;
    c1.mvc.Utils.documentReady(function ()
    {
        grid = wijmo.Control.getControl('#fGrid');
        gridCV = fGrid.collectionView;
    });
</script>