@model IEnumerable<FlexGridData.Sale>

<h1>
    Dragging Rows from the FlexGrid
</h1>
<p>
    You can use the HTML5 drag/drop API to implement row dragging
    from, into, or between the FlexGrid controls.
</p>
<p>
    This simple example shows how you can drag rows from the
    grid into arbitrary elements. You can easily extend this
    to support move operations (by removing the row from the
    source grid when the operation is completed) or dropping
    into grids (by detecting the drop position and inserting
    new rows into the target grid).
</p>

<p>
    Drag rows from the grid by the row header:
</p>
@Html.C1().FlexGrid().Id("theGrid").Bind(Model).Height(250)

<p>
    And drop them here:
</p>
<div id="theTarget" style="height:100px;background-color:#e0e0e0">
    Drop rows here...
</div>