Features

セルの固定

セルの固定

このサンプルは、MultiRowコントロールで固定セル機能を使用する方法を示します。

機能

設定

説明

MultiRowコントロールを使用すると、行や列を固定して、それらを常に表示したままグリッドをスクロールすることができます。
Microsoft ExcelやFlexGridコントロールと同様に、固定されたセルも通常のセルとして編集したり選択することができます。

using System.Collections.Generic;
using System.Web.Mvc;
using MultiRowExplorer.Models;
using C1.Web.Mvc;
using C1.Web.Mvc.Serialization;

namespace MultiRowExplorer.Controllers
{
    public partial class MultiRowController : Controller
    {
        public ActionResult Freezing()
        {
            ViewBag.DemoSettings = true;
            ViewBag.DemoSettingsModel = new ClientSettingsModel
            {
                Settings = CreateSettings()
            };
            return View(Orders.GetOrders());
        }

        private static IDictionary<string, object[]> CreateSettings()
        {
            var settings = new Dictionary<string, object[]>
            {
                {"FrozenColumns", new object[]{1, 0, 2, 3}},
                {"FrozenRows", new object[]{2, 0, 1, 3, 4, 5}}
            };

            return settings;
        }
    }
}
@model IEnumerable<Orders.Order>
@{
    ClientSettingsModel demoSettingsModel = ViewBag.DemoSettingsModel;
}

@(Html.C1().MultiRow<Orders.Order>()
    .Id(demoSettingsModel.ControlId)
    .IsReadOnly(true)
    .Bind(Model)
    .CssClass("multirow")
    .LayoutDefinition(LayoutDefinitionsBuilders.TwoLines)
    .FrozenColumns(1)
    .FrozenRows(2)
)

@section Summary{
<p>@Html.Raw(Resources.MultiRowExplorer.Freezing_Text0)</p>

}

@section Description{
<p>@Html.Raw(Resources.MultiRowExplorer.Freezing_Text1)</p>

}