FlexGrid

PagingController.cs Paging.cshtml

using C1.Web.Mvc; 
using C1.Web.Mvc.Serialization; 
using Microsoft.AspNetCore.Mvc; 
using System.Collections.Generic; 
using MvcExplorer.Models; 
using Microsoft.AspNetCore.Http; 
  
namespace MvcExplorer.Controllers 
{ 
    public partial class FlexGridController : Controller 
    { 
        private readonly ControlOptions _gridPagingModel = new ControlOptions 
        { 
            Options = new OptionDictionary 
            { 
                {"Page Size", new OptionItem {Values = new List<string> {"10", "25", "50", "100"}, CurrentValue = "25"}}, 
            } 
        }; 
  
        public ActionResult Paging(IFormCollection data) 
        { 
            _gridPagingModel.LoadPostData(data); 
            ViewBag.DemoOptions = _gridPagingModel; 
            return View(); 
        } 
  
        public ActionResult Paging_Bind([C1JsonRequest] CollectionViewRequest<Sale> requestData) 
        { 
            return this.C1Json(CollectionViewHelper.Read(requestData, Sale.GetData(500))); 
        } 
    } 
} 

@model IEnumerable<Sale> 
@{ 
    ControlOptions optionsModel = ViewBag.DemoOptions; 
    ViewBag.DemoSettings = true; 
} 
  
@section Styles{ 
    <style> 
        .customGrid { 
            margin-top: 5px; 
        } 
    </style> 
} 
  
<c1-items-source id="collectionViewService" read-action-url="@Url.Action("Paging_Bind")"
                 page-size="@Convert.ToInt32(optionsModel.Options["PageSize"].CurrentValue)"></c1-items-source> 
  
<c1-pager owner="collectionViewService"></c1-pager> 
  
<c1-flex-grid height="300px" id="pagingGrid" class="customGrid"
              is-read-only="true" items-source-id="collectionViewService"> 
</c1-flex-grid> 
  
<c1-pager owner="pagingGrid"></c1-pager> 
  
@section Settings{ 
    @await Html.PartialAsync("_OptionsMenu", optionsModel) 
} 
  
@section Description{ 
    <p>@Html.Raw(FlexGridRes.Paging_Text0)</p> 
    <p>@Html.Raw(FlexGridRes.Paging_Text1)</p> 
} 

New Controls >

Popular Controls >

Data Management >

Data Visualization >

Navigation and Layout >

Document >

Scheduling >

Input and Editing >

Tutorials >

New Features >

Getting Started Guides >

Sample Applications >

Data Management

Data Visualization

Navigation and Layout

Document

Scheduling

Input and Editing

Tutorials

New Features

Getting Started Guides

Sample Applications

Paging

Features

Settings

Description