Features

ドラッグアンドドロップ

ドラッグアンドドロップ

FlexSheetは、列や行を別の列や行にドラッグアンドドロップする操作をサポートします。

機能

ドラッグアンドドロップ

FlexSheetは、列や行を別の列や行にドラッグアンドドロップする操作をサポートします。セルのデータがコピーまたは移動されるだけでなく、
セルのスタイルもコピーまたは移動されます。

キーを何も押さずにドラッグアンドドロップすると、選択した列または行がドロップ先の列または行に移動します。

［Ctrl］キーを押しながらドラッグアンドドロップすると、選択した列または行がドロップ先の列または行にコピーされます。

［Shift］キーを押しながらドラッグアンドドロップすると、選択した列または行の位置がドロップ先の列または行と入れ替わります。

using Microsoft.AspNetCore.Mvc;

namespace FlexSheetExplorer.Controllers
{
    public partial class FlexSheetController : Controller
    {
        public ActionResult DragDrop()
        {
            return View();
        }
    }
}

@section Scripts{<script type="text/javascript" src="~/Scripts/flexSheet/dragDrop.js"></script>}
<div>
    <div class="copy">
        <h3>
            @Html.Raw(FlexSheetRes.DragDrop_Text2)
        </h3>
<p>@Html.Raw(FlexSheetRes.DragDrop_Text0)</p>

    </div>
    <div>
        <c1-flex-sheet id="dragDropSheet" class="flexSheet">
            <c1-unbound-sheet column-count="8" row-count="20"></c1-unbound-sheet>
        </c1-flex-sheet>
    </div>
</div>
@section Summary{
<p>@Html.Raw(FlexSheetRes.DragDrop_Text1)</p>

}