FlexGrid
仮想スクロール
機能
サンプル
説明
このサンプルは、グリッドを仮想スクロールモードにする方法を示します。この機能を有効にするには、DisableServerRead プロパティが false（デフォルト）である必要があります。次に、InitialItemsCount プロパティに 0 より大きい数字を設定する必要があります。
ソース
VirtualScrollingController.cs
using MvcExplorer.Models;
using Microsoft.AspNetCore.Mvc;
using C1.Web.Mvc;
using C1.Web.Mvc.Serialization;
namespace MvcExplorer.Controllers
{
public partial class FlexGridController : Controller
{
//
// GET: /VirtualScrolling/
public ActionResult VirtualScrolling()
{
return View();
}
public ActionResult VirtualScrolling_Bind([C1JsonRequest] CollectionViewRequest<Sale> requestData)
{
return this.C1Json(CollectionViewHelper.Read(requestData, Sale.GetData(100000)));
}
}
}
VirtualScrolling.cshtml
<c1-flex-grid is-read-only="true" class="grid">
<c1-items-source initial-items-count="100" read-action-url="@Url.Action("VirtualScrolling_Bind")"></c1-items-source>
</c1-flex-grid>
@section Description{
@Html.Raw(FlexGridRes.VirtualScrolling_Text0)
}
マニュアル