Skip to content

kendo-labs/datasource-restful-api-CRUD-demo

Repository files navigation

Kendo UI DataSource RESTful API CRUD demo

This is a demo of the CRUD operations via a Kendo UI DataSource instance. The code contains only enough logic (tried cutting as much out as I could) to showcase the functionality of the DataSource abstraction. The demo does not promote anything else except the grokking of the DataSource configuration values in the context of a RESTful JSON API.

(Note: prerequisites = Node.js)

Step 1:

From the cloned directory install npm packages (json-server and browsersync)

npm install

Step 2:

Start Servers (one to server webpage and one to server API)

From cloned directry run:

npm run api

(i.e. starts json api at localhost:3000)

and, then in another tab in the same directory:

npm run www 

(i.e. starts browsersync and serves the index.html at localhost:3002)

Step 3:

Visit http://localhost:3002 and add users then do some CRUD

Step 4:

Examime the index.html file with the Kendo UI / JS code and see how simple it can be

Step 5:

Examine the db.json file and read up on json-server


I've also included some additional variations of the above demo.

Same UI as RESTful API demo, but using local data instead:

Similar UI, but using DataSource instance with a Grid widget to display data:

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages