// This file locates: "Scripts/Lesson/C1FlexGrid/EventsResizing.js".
c1.documentReady(function () {
    var theGrid = wijmo.Control.getControl('#theGrid');
    var tt = new wijmo.Tooltip();
 
    theGrid.resizingColumn.addHandler(function(s, e) {
        var tip = wijmo.format('Column <b>{col}</b>, width <b>{wid:n0}px</b>', {
            col: s.columns[e.col].header,
            wid: s.columns[e.col].width
        })
        tt.show(theGrid.hostElement, tip);
    });
    theGrid.resizedColumn.addHandler(function (s, e) {
        tt.hide();
    });
});

using System.Web.Mvc;
 
namespace LearnMvcClient.Controllers
{
    public partial class C1FlexGridController : Controller
    {
        // GET: EventsResizing
        public ActionResult EventsResizing()
        {
            return View(Models.FlexGridData.GetSales(Models.FlexGridData.Countries7));
        }
    }
}

@model IEnumerable<FlexGridData.Sale>
 
<h1>
    @Html.Raw(Resources.C1FlexGrid.EventsResizing_Title)
</h1>
<p>
    @Html.Raw(Resources.C1FlexGrid.EventsResizing_Text1)
</p>
<p>
    @Html.Raw(Resources.C1FlexGrid.EventsResizing_Text2)
</p>
@(Html.C1().FlexGrid().Id("theGrid")
    .Bind(Model)
    .AutoGenerateColumns(false)
    .Columns(cs=>
    {
        cs.Add().Binding("Id").Header("ID").Width("50").IsReadOnly(true);
        cs.Add().Binding("Country").Header("Country").IsRequired(true);
        cs.Add().Binding("Sales").Header("Sales").Format("n2");
        cs.Add().Binding("Expenses").Header("Expenses").Format("n2");
        cs.Add().Binding("Overdue").Header("Overdue");
    })
    .Height(200)
)