Subscribe to Newsletter
#

Kendo Grid in Nopcommerce

Consider this grid as a great widget that reflects data in tabulated form. The grid allows for several ways and definitions relating to the data being viewed and managed through editing, filtering, grouping and paging options. It is possible to connect The Kendo Grid in Nopcommerce to both remote as well as localized data through the use of its data source element. There are several other Nopcommerce multi store and multi vendor features that we will be looking at down the line as well.

The Kendo grid in Nopcommerce UI allows for the security of data. The widget can be made to show data both from local and remote storage locations. To tie up remote location based data it will be required that point to a webservice that returns data in XML, OData or then in JSON/JSONP formats. Further, you will need to use the Kendo data source as a communicator in between the residing data and the grid. So as to establish the connect for the removal of the endpoint as well as to optimize the correct data manipulation, the data at point of source will need instructions about the webservice, kind of request, type of response and type of data as well as the response pattern. This of course is in the event of it being much more complicated and not just a simple arrangement of the obs.

How the Kendo Grid fetches data in nopcommerce

The Kendo grid in nopcommerce gets data from remote standpoints with the use of webservices. (Northwind.svc) assigned via the data Source-transport - read attribute. Alongside it further makes a definition of the grid pattern of from the webservices revert and the service kind through the type of data property residing at source. This grid also allows for inbuilt data paging, sorting and filtering apart from the visual aspect.

How to create a Kendo Grid in Nopcommerce UI:

Use of a null div constituent. Here the grid based configurations are listed in the initialization script statement.

This can also be done through a HTML table element that exists, here a few of the grids configurations can be understood within table structures and html elements and attributes.

Both the above mean that the grid will be signed up in the form of a reqular jquery extension.

You should be aware that even in the case of the creation from tables the Kendo grid in nopcommerce makes the use of a Kendo UI Data Source instance. The data source is filled up as content of the cells are removed. What happens is that the names of the data fields in the datasource come from content on the header cells or then the attributes of the cells on the header. Field names within the data must be validated and js identified and it is always better to use datafield attributes, else the content within the header cell must take into consideration the following restrictions:

  • nil spaces
  • special characters to be left out
  • a letter to be the initial character

Features of the Kendo grid in nopcommerce:

  • The Kendo grid in nopcommerce is easily configurable to be able to show date, do paging, editing, grouping and filtering.
  • Binding data (JSON) dynamically with the table is possible
  • Easy to use interface that allows for addition of rows using data (JSON)
  • To export selected data as a Jason object
  • Increase in performance

In case you need any assistance with the Kendo grid in Nopcommerce, please feel free to contact us.