Kendo UI Suite and Version kendoui.web.2012.3.1114.open-source
|
|
jQuery Version1.8.3
|
|
Supported Browsers and Platforms FF 17.0.1
|
|
Components/Widgets used Menu
Grid
Validation
Combobox
|
|
PROJECT DESCRIPTION
Test project using KendUI as a front end for Wakanda Server as the db
Demonstrates CRUD using grid as listview and normal form inputs as detail view with kendoui validator. Single Page Application framework is accomplished using Angular.
Here is a link to a video
demo
To run the db project
1) Unzip the RestTester.zip
2)Download Wakanda from
here. Note: Get the latest
Development Channel version Wakanda
for Windows All-in-One x64 or x86, only tested on x64. Current Build is
Build Number: 0.124226 - Issued on: 20 DEC 2012
3)To install Wakanda just unzip in your favorite location, open Wakanda Studio folder and click on Wakanda Studio.exe
4)In Wakanda click file>open>Solution navigate to your RestTester solution folder and select RestTester.waSolution
5)Upon loading it will ask you to start the server choose yes
Thats all for Wakanda now the db is running and you can minimize Wakanda Studio
Next run the client KendoUI app
1)Unzip SimplyFundraisingDev.zip to your favorite location
2)Click on index.html
3)Note: CORS is enabled/bypassed on the Wakanda server so you can run the KendoUI client app without a web server
Now you should see the list view with a grid and some test data (loads views/ContactList.html)
To edit a record double click on a row this will bring you to the details view (loads views/ContactList.html)
To add a new record goto the menu click Contacts > Contact Detail and add some data
You can see the validation working and test it.
Also you can add a 1-n related record Address record to the currently selected Contact record, when editing a record you should
see Address Info with a KendoUI grid and an input box for street, enter a street and click add the data will be added to the Address grid
and refreshed. To edit click on the address row and edit the info in the street box and click save.
That's it, have fun!