Features

オートフィル

オートフィル

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

機能

オートフィル

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

ポインタが「十字形のアイコン」のようになったら、選択範囲の右下隅にポインタを移動してから、ドラッグして入力します。
入力範囲 :
    入力前の合計：
    入力後の合計： 
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.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(Resources.FlexSheet.AutoFilling_Text1)</h3>
        <p>
            @Html.Raw(Resources.FlexSheet.AutoFilling_Text2)
        </p>
    </div>
    <span style="color:gray">@Html.Raw(Resources.FlexSheet.AutoFilling_Text3)</span>
    <div id="fillingState">
        @Html.Raw(Resources.FlexSheet.AutoFilling_Text4) <span></span>:
        <br>&nbsp;&nbsp;&nbsp;&nbsp;@Html.Raw(Resources.FlexSheet.AutoFilling_Text5) <span></span>
        <br>&nbsp;&nbsp;&nbsp;&nbsp;@Html.Raw(Resources.FlexSheet.AutoFilling_Text6) <span></span>
    </div>
    <div>        
        @(Html.C1().FlexSheet().Id("autoFillSheet").CssClass("flexSheet")
            .AddUnboundSheet("Sheet1", 18, 12)
            .AllowAutoFill(true)
            .OnClientAutoFilling("_onAutoFilling")
            .OnClientAutoFilled("_onAutoFilled")
        )
    </div>
</div>
@section Summary{
    <p>@Html.Raw(Resources.FlexSheet.AutoFilling_Text0)</p>
}