Gridify (v1)
DANGER
Gridify version 1.x.x is no longer maintained. you should consider upgrading to the latest version.
The source code of this version is available on version-1.x
Introduction
Easy and optimized way to apply Filtering, Sorting and pagination using text-based data.
The best use case of this library is Asp-net APIs. when you need to get some string base filtering conditions to filter data or sort it by a field name or apply pagination concepts to your lists and return a pageable, data grid ready information, from any repository or database.
WebApi Simple Usage example
// ApiController
[Produces(typeof(Paging<Person>))]
public IActionResult GetPersons([FromQuery] GridifyQuery gQuery)
{
// Gridify => Filter,Sort & Apply Paging
// in short, Gridify returns data especially for data Grids.
return myDbContext.Persons.Gridify(gQuery);
}
complete request sample:
http://exampleDomain.com/api/GetPersons?pageSize=100&page=1&sortBy=FirstName&isSortAsc=false&filter=Age%3D%3D10
also we can totally ignore GridifyQuery
http://exampleDomain.com/api/GetPersons
What is GridifyQuery (basic usage example)
GridifyQuery is a simple class for configuring Filtering,Paging,Sorting.
// usually, we don't need to create this object manually
// for example, we get this object as a parameter from our API Controller
var gQuery = new GridifyQuery()
{
Filter = "FirstName==John",
IsSortAsc = false,
Page = 1,
PageSize = 20,
SortBy = "LastName"
};
Paging<Person> pData =
myDbContext.Persons // we can use Any list or repository or EntityFramework context
.Gridify(gQuery); // Filter,Sort & Apply Paging
// pData.TotalItems => Count persons with 'John', First name
// pData.Items => First 20 Persons with 'John', First Name
ApplyFiltering
Also, if you don't need paging and sorting features simply use ApplyFiltering
extension instead of Gridify
.
var query = myDbContext.Persons.ApplyFiltering("name == John");
// this is equal to :
// myDbContext.Persons.Where(p => p.Name == "John");
see more examples in the tests
Performance comparison
Filtering is the most expensive feature in gridify. the below benchmark is comparing filtering in the most known dynamic linq libraries. as you can see, gridify has the closest result to the native linq. also, I Should note other features like Pagination and Sorting has almost zero overhead in Gridify.
BenchmarkDotNet=v0.13.0, OS=Windows 10.0.19043.1110 (21H1/May2021Update) 11th Gen Intel Core i5-11400F 2.60GHz, 1 CPU, 12 logical and 6 physical cores .NET SDK=5.0.301 [Host] : .NET 5.0.7 (5.0.721.25508), X64 RyuJIT
Method | Mean | Error | StdDev | Ratio | RatioSD | Gen 0 | Gen 1 | Allocated |
---|---|---|---|---|---|---|---|---|
Native Linq | 869.3 us | 10.54 us | 9.86 us | 1.00 | 0.00 | 5.8594 | 2.9297 | 36 KB |
Gridify | 928.1 us | 13.41 us | 11.89 us | 1.07 | 0.02 | 6.8359 | 2.9297 | 46 KB |
Dynamic Linq | 1,068.5 us | 10.66 us | 9.97 us | 1.23 | 0.02 | 19.5313 | 9.7656 | 122 KB |
Sieve | 1,126.8 us | 10.73 us | 10.04 us | 1.30 | 0.02 | 8.7891 | 3.9063 | 54 KB |
Installation
Install the Gridify NuGet Package.
Package Manager Console
Install-Package Gridify
.NET Core CLI
dotnet add package Gridify
Extensions
The library adds below extension methods to IQueryable
:
Extension | Description |
---|---|
ApplyFiltering (string) | Apply Filtering using a raw string and returns an IQueryable<T> |
ApplyFiltering (GridifyQuery) | Apply Filtering using string Filter property of GridifyQuery class and returns an IQueryable<T> |
ApplyOrdering | Apply Ordering using string SortBy and bool IsSortAsc properties of GridifyQuery class and returns an IQueryable<T> |
ApplyPaging | Apply paging using short Page and int PageSize properties of GridifyQuery class and returns an IQueryable<T> |
ApplyOrderingAndPaging | Apply Both Ordering and paging and returns an IQueryable<T> |
ApplyFilterAndOrdering | Apply Both Filtering and Ordering and returns an IQueryable<T> |
ApplyEverything | Apply Filtering,Ordering and paging and returns an IQueryable<T> |
GridifyQueryable | Like ApplyEverything but it returns a QueryablePaging<T> that have an extra int totalItems property to use for pagination |
Gridify | Receives a GridifyQuery ,Load All requested data and returns Paging<T> |
TIP:
Gridify
function is an ALL-IN-ONE package, that applies filtering and ordering and paging to your data and returns a Paging<T>
,
but for example, if you need to just filter your data without paging or sorting options you can use ApplyFiltering
function instead.
Supported Filtering Operators
Name | Operator | Usage example |
---|---|---|
Equal | == | "FieldName ==Value" |
NotEqual | != | "FieldName !=Value" |
LessThan | < | "FieldName < Value" |
GreaterThan | > | "FieldName > Value" |
GreaterThanOrEqual | >= | "FieldName >=Value" |
LessThanOrEqual | <= | "FieldName <=Value" |
Contains - Like | =* | "FieldName =*Value" |
NotContains - NotLike | !* | "FieldName !*Value" |
StartsWith | ^ | "FieldName ^ Value" |
NotStartsWith | !^ | "FieldName !^ Value" |
EndsWith | $ | "FieldName $ Value" |
NotEndsWith | !$ | "FieldName !$ Value" |
AND - && | , | "FirstName ==Value, LastName ==Value2" |
OR - || | | | "FirstName==Value|LastName==Value2" |
Parenthesis | () | "(FirstName=*Jo,Age<30)|(FirstName!=Hn,Age>30)" |
we can easily create complex queries using Parenthesis()
with AND (,
) + OR (|
) operators.
Escape character hint:
Filtering has four special character , | ( )
to handle complex queries. if you want to use these characters in your query values (after ==
), you should add a backslash \
before them.
JavaScript escape example:
let esc = (v) => v.replace(/([(),|])/g, '\\$1')
Csharp escape example:
var value = "(test,test2)";
var esc = Regex.Replace(value, "([(),|])", "\\$1" ); // esc = \(test\,test2\)
Custom Mapping Support
By default Gridify is using a GridifyMapper
object that automatically maps your string based field names to actual properties in your Entities but if you have a custom DTO (Data Transfer Object) you can create a custom instance of GridifyMapper
and use it to create your mappings.
// example Entities
public class Person
{
public string FirstName {get;set;}
public string LastName {get;set;}
public Contact Contact {get;set;}
}
public class Contact
{
public string Address {get;set;}
public int PhoneNumber {get;set;}
}
// example DTO
public class PersonDTO
{
public string FirstName {get;set;}
public string LastName {get;set;}
public string Address {get;set;}
public int PhoneNumber {get;set;}
}
//// GridifyMapper Usage example -------------
var customMappings = new GridifyMapper<Person>()
// because FirstName and LastName is exists in both DTO and Entity classes we can Generate them
.GenerateMappings()
// add custom mappings
.AddMap("address", q => q.Contact.Address )
.AddMap("PhoneNumber", q => q.Contact.PhoneNumber );
// as i mentioned before. usually we don't need create this object manually.
var gQuery = new GridifyQuery()
{
Filter = "FirstName==John,Address=*st",
IsSortAsc = true,
SortBy = "PhoneNumber"
};
// myRepository: could be entity framework context or any other collections
var gridifiedData = myRepository.Persons.Gridify(gQuery, customMappings);
by default GridifyMapper
is Case-insensitive
but you can change this behavior if you need Case-Sensitive
mappings.
var customMappings = new GridifyMapper<Person>(true); // mapper is case-sensitive now.
Combine Gridify with AutoMapper
//AutoMapper ProjectTo + Filtering Only, example
var query = myDbContext.Persons.ApplyFiltering(gridifyQuery);
var result = query.ProjectTo<PersonDTO>().ToList();
// AutoMapper ProjectTo + Filtering + Ordering + Paging, example
QueryablePaging<Person> qp = myDbContext.Persons.GridifyQueryable(gridifyQuery);
var result = new Paging<Person> () { Items = qp.Query.ProjectTo<PersonDTO>().ToList (), TotalItems = qp.TotalItems };
EntityFramework integration
if you need to use gridify async feature for entityFramework Core, use Gridify.EntityFramework
package instead.
this package have two additional GridifyAsync()
and GridifyQueryableAsync()
functions.
dotnet add package Gridify.EntityFramework
Contribution
Any Contribution to improve documentation and library is appreciated feel free to send pull-Request. ❤️