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

7 posts, 0 answers
  1. Daniel
    Daniel avatar
    36 posts
    Member since:
    Apr 2009

    Posted 01 Jan 2013 Link to this post

    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!





  2. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2877 posts

    Posted 04 Jan 2013 Link to this post

    Hi Daniel,

    I tried to run the project but on my side the data base project gives errors. For convenience I attached screen shots with the errors. The problem occurs at step 3 from "To run the db project" instructions. Wakanda version is "Wakanda for Windows Build Number: 3.124119 - Issued on: 19 DEC 2012" zip archive "All-in-one 64".

    Could you please check if the attached packages contain all the required files?

    In addition the link to YouTube screen cast is broken - there is a missing semi-column:
    http://www.youtube.com/watch?v=24tNSnr4aUk&feature=youtu.be
     
    Kind regards,
    Alexander Valchev
    the Telerik team
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Daniel
    Daniel avatar
    36 posts
    Member since:
    Apr 2009

    Posted 07 Jan 2013 Link to this post

    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.
  4. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2877 posts

    Posted 24 Jan 2013 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  5. bernard
    bernard avatar
    2 posts
    Member since:
    Nov 2015

    Posted 02 Mar in reply to Daniel Link to this post

    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

  6. bernard
    bernard avatar
    2 posts
    Member since:
    Nov 2015

    Posted 02 Mar in reply to Daniel Link to this post

    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

  7. Daniel
    Daniel avatar
    36 posts
    Member since:
    Apr 2009

    Posted 04 Mar in reply to bernard Link to this post

    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

Back to Top