Features

オートフィル

オートフィル

FlexSheetは、選択されたセルの値に基づいて、前方選択セルの入力をサポートします。

機能

オートフィル

このページにはオートフィル機能のデモが表示されます。この機能を使用するには、 AllowAutoFill プロパティをTrueに設定します。
次のサンプルでは、イベント AutoFilling および AutoFilled を使用して、塗りつぶされた範囲の数値の合計を計算し、塗りつぶされたセルのスタイルを設定します。

ポインタが「十字形のアイコン」のようになったら、選択範囲の右下隅にポインタを移動してから、ドラッグして入力します。
入力範囲 :
    入力前の合計：
    入力後の合計： 
using Microsoft.AspNetCore.Mvc;

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

@section Scripts{
    <script type="text/javascript" src="~/Scripts/flexSheet/autoFilling.js"></script>
}
<div>
    <div class="copy">
        <h3>@Html.Raw(FlexSheetRes.AutoFilling_Text1)</h3>
        <p>
            @Html.Raw(FlexSheetRes.AutoFilling_Text2)
        </p>
    </div>
    <span style="color:gray">@Html.Raw(FlexSheetRes.AutoFilling_Text3)</span>
    <div id="fillingState">
        @Html.Raw(FlexSheetRes.AutoFilling_Text4) <span></span>:
        <br>&nbsp;&nbsp;&nbsp;&nbsp;@Html.Raw(FlexSheetRes.AutoFilling_Text5) <span></span>
        <br>&nbsp;&nbsp;&nbsp;&nbsp;@Html.Raw(FlexSheetRes.AutoFilling_Text6) <span></span>
    </div>
    <div>
        <c1-flex-sheet id="autoFillSheet" class="flexSheet" allow-auto-fill="true" auto-filling="_onAutoFilling" auto-filled="_onAutoFilled">
            <c1-unbound-sheet row-count="18" column-count="12"></c1-unbound-sheet>
        </c1-flex-sheet>
    </div>
</div>
@section Summary{
    <p>@Html.Raw(FlexSheetRes.AutoFilling_Text0)</p>
}