Lookup controls for ASP.NET MVC projects.

Grid controls for ASP.NET MVC projects.

@{
string CustomRenderingOfColumn2(Common.ViewModels.ConfigGenericDto item)
{
return $@"<a href='{Model.Subsite}/Configurations/Edit?id={item.Id}' title='Edit'>
<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-eye' viewBox='0 0 16 16'>
<path d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z' />
<path d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z' />
</svg></a>";
}
}

@(Html
.Grid(Model.Items)
.Build(columns =>
{
columns.Add(model => model.Type).Titled("Type");
columns.Add(model => model.Name).Titled("Name");
columns.Add(model => model.Enabled).Titled("Enabled");
columns.Add(model => model.CreatedAt).Titled("Creation").Formatted("{0:d}");
columns.Add(model => model.ModifiedAt).Titled("Modification").Formatted("{0:d}");
columns.Add(model => model.Id).Titled("Actions").Encoded(false).RenderedAs(o => CustomRenderingOfColumn2(o)).Filterable(false).Sortable(false);
})
.Using(GridFilterMode.Header)
.Empty("Aucune donnée")
.Filterable()
.Sortable()
.Pageable(pager => {
pager.RowsPerPage = 2;
pager.PageSizes = new Dictionary<Int32, String> { { 10, "10" },{ 20, "20" } };
pager.ShowPageSizes = true;
})
)

@section Scripts {
<script>
document.querySelectorAll(".mvc-grid").forEach(element => new MvcGrid(element));
</script>
}