@model IEnumerable<FlexGridData.Sale>

<h1>
    Excel-Style Quick-Editing
</h1>
<p>
    <b>FlexGrid</b> supports quick editing by default.
    If you select a cell and start typing, the grid will
    automatically switch to the edit mode so that you can
    edit cells as you would do in Excel.
</p>
<p>
    The 'quick-edit' mode also allows users to finish
    editing using the arrow keys to move on to the next
    cell. Please note that in the full-edit mode, the
    arrow keys move the cursor within the editor. The 
    F2 key toggles the edit mode between quick and full modes.
</p>
<p>
    If you want to disable quick editing, the easiest way
    is to handle the <b>beginninEdit</b> event and set the
    cancel parameter to true if the source event was a
    'keypress'. The grid below demonstrates this behavior. 
</p>

<label>
    Allow Quick-Editing
    <input id="quickEdit" type="checkbox" checked="true">
</label>

@Html.C1().FlexGrid().Id("theGrid").Bind(Model).Height(250)