Az első RecroGrid

RecroGrid elhelyezése az oldalon

A legegyszerűbb megjelenítési mód a Menu Designer használatával lehetséges, amivel nem szükséges egyetlen sor kód írása sem. A másik leggyorsabb lehetőség egy Entitás alapján létrehozott a RecroGrid.

Copy

public class NorthwindController : Controller
{
    public async Task<ActionResult> Product()
    {
        var rg = await RecroGrid.CreateAsync<Products>(new RecroGridContext(this.HttpContext));
        return View(Areas.RGF.Controllers.DefaultController.RGFViewPath, rg);
    }
}

Tip
Javasolt azonban minden entitáshoz egyedi osztályt kialakítani, és így megjeleníteni a Menu Designer segítségével, vagy közvetlenül controller-rel.

Copy

public partial class RGProduct : RecroGridDBC<Product>
{
    public RGProduct(IRecroGridContext rgContext) : base(rgContext) { }
}

Copy

    public class NorthwindController : Controller
    {
        public async Task<IActionResult> Product()
        {
            var rg = await RecroGrid.CreateRGAsync<RGProduct>(new RecroGridContext(this.HttpContext));
            return View(rg);
        }
    }
}

RGFDefaultView.cshtml

Copy

@model Recrovit.RecroGridFramework.RecroGrid

@section htmlhead {
    @*RecroGrid Framework globális stílusok*@
    @Html.Raw(Recrovit.RecroGridFramework.RecroGrid.RecroGridStylesheetsReferences)
    @*Az aktuális Entitáshoz tartozó stílusok*@
    @Html.Raw(Model.StylesheetsReferences)
}

<h5>@(ViewBag.Title ?? Model.Title)</h5>

<section>
    <div>
        @*Konténer template a megjelenítéshez*@
        @Html.Raw(Model.Skeleton)
    </div>
</section>

@section scripts {
    @*A kliensoldali osztályok inicializálása*@
    @Html.Raw(Model.CreateScript)
}

Other Resources

Videók

Útmutató