CRUD datasource, validation multiple KendoUI widgets,SPA(Angular) using Wakanda as DB

Requirements
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!

Hi Daniel,

 
Kind regards,
Alexander Valchev
the Telerik team

Alexander

Fixed the demo link.

Also I added a step in the instructions to make sure you download the latest Development Channel version Wakanda for Windows
All-in-one x64, x86 should work too but I have not tested it.

If you get a chance please try running the project using the latest Dev Channel build from Wakanda
Current Build Number: 0.124226 - Issued on: 20 DEC 2012.  Download page is here.

Hello Daniel,

Thank you for the guidelines. I was able to run the project successfully.
As a small sign of our appreciation for this contribution I updated your Telerik points.

Kind regards,
Alexander Valchev
the Telerik team

Hello Daniel,

You say : Here is a link to a video demo  

But the link doesn't work...

See the warningScreen that I received from YouTube

 

best regards 

 

bernard

Daniel,

 

What do you mean by :2)Click on index.html

I can not reach your video...

and if I click or dblclick on index.html, the file just open in wakanda studio...but it'is impossible to let this file "run"...

 

best regards

 

bernard

Hi Bernard,

This project is too old and does not work on the current version of Wakanda, in retrospect I should have just included the Wakanda Version in the zip file, but it might have been to big of an attachment.

The video was just showing off the client side of the app, I changed google(yputube) accounts so the video is no longer available

As far as clicking on the index.html file in the SimplyFundraisingDev folder this is how you would launch the client application.  

The reason you do not navigate to an http://local address it that this was a test to see if I could build a working desktop app without using a webserver.

If you want to try and get this working then you need to recreate the database tables in a new Wakanda project..  If you open the Model.waModel file located in the RestRester folder with a text editor (not via wakanda) you will see how the tables are described as in Table Names, Fields, and Relationships, it just a simple Contact Address test db.  I am also not sure if Wakanda's rest api has changed so even if you do create the correct tables it still may not work. 

Just to get an idea of how kendo is working you can look jat the js files located in js/app/model/ 

Then look at the views to see how the views connect to the kendoui datasource

Also kendo has a new core open source version that has an Apache license meaning you can you it in commercial applications.  This project uses the old gpl version is no longer supported however it does include the grid and other features that are not included in the new core kendoui version

At any rate I am sorry that I can't be more helpful with this project, but hopefully by looking at the js files it will give you a pointer into how it is connected.  

Best Wishes,

Daniel