StefH / Kendogridbinderex
Licence: mit
This is a ModelBinder designed to consume an http request and build a json serializable object for the Kendo UI Grid datasource. AutoMapper is used to support mapping from ViewModel <> Entity.
Stars: ✭ 52
Projects that are alternatives of or similar to Kendogridbinderex
Cytoscape.js Grid Guide
A Cytsocape.js extension to provide a framework for grid interactions such as grid lines and snapping to grid, and guidelines and snap support for alignment of nodes.
Stars: ✭ 40 (-23.08%)
Mutual labels: grid
Fgci Ansible
🔬 Collection of the Finnish Grid and Cloud Infrastructure Ansible playbooks
Stars: ✭ 49 (-5.77%)
Mutual labels: grid
Masonry Layout
An efficient and fast web component that gives you a beautiful masonry layout
Stars: ✭ 43 (-17.31%)
Mutual labels: grid
React Native Super Grid
Responsive Grid View for React Native
Stars: ✭ 971 (+1767.31%)
Mutual labels: grid
Lemon
🍋 Minimal and responsive CSS framework for fast building websites.
Stars: ✭ 51 (-1.92%)
Mutual labels: grid
Praatscripts
These are praat scripts I use in my research, implemented in parselmouth for python for use in binder
Stars: ✭ 40 (-23.08%)
Mutual labels: binder
Elastic Columns
A jQuery plugin designed to be used as an alternative to the well-known Isotope library.
Stars: ✭ 39 (-25%)
Mutual labels: grid
Atlas
A powerful Android Dynamic Component Framework.
Stars: ✭ 8,028 (+15338.46%)
Mutual labels: dynamic
Vue Slicksort
A set of vue mixins to turn any list into an animated, touch-friendly, sortable list ✌️
Stars: ✭ 1,010 (+1842.31%)
Mutual labels: grid
Compoundbuttongroup
An Android library to easily implement compound buttons
Stars: ✭ 52 (+0%)
Mutual labels: grid
Django Access
Django-Access - the application introducing dynamic evaluation-based instance-level (row-level) access rights control for Django
Stars: ✭ 47 (-9.62%)
Mutual labels: dynamic
KendoGridBinder
Versions
NuGet | Frameworks | NuGet |
---|---|---|
KendoGridBinder | .NET 4.5 | |
KendoGridBinder.AspNetCore | .NET 4.6.1 NETStandard 1.6 NETStandard 2.0 |
Demo
A live demo can be found here.
Action Method
[HttpPost]
public JsonResult Grid(KendoGridMvcRequest request)
{
var employees = new List<Employee>
{
new Employee { EmployeeId = 1, FirstName = "Bill", LastName = "Jones", Email = "[email protected]" },
new Employee { EmployeeId = 2, FirstName = "Rob", LastName = "Johnson", Email = "[email protected]" },
new Employee { EmployeeId = 3, FirstName = "Jane", LastName = "Smith", Email = "[email protected]" }
};
var grid = new KendoGridEx<Employee, EmployeeVM>(request, employees.AsQueryable());
return Json(grid);
}
HTML
<div id="grid"></div>
Script
<script>
var url = '@Url.Action("Grid")';
var dataSource = {
serverPaging: true,
serverSorting: true,
serverFiltering: true,
pageSize: 20,
transport: {
read: {
type: 'post',
dataType: 'json',
url: url
}
},
schema: {
data: 'Data',
total: 'Total',
model: {
id: 'Id',
fields: {
FirstName: { type: 'string' },
LastName: { type: 'string' },
Email: { type: 'string' }
}
}
}
};
$('#grid').kendoGrid({
dataSource: dataSource,
height: 400,
columns: [
{ field: 'FirstName', title: 'First Name' },
{ field: 'LastName', title: 'Last Name' },
{ field: 'Email' }
],
filterable: true,
sortable: true,
pageable: true
});
</script>
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].