No description, website, or topics provided.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

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: