Single Page Application Example

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

    Posted 14 Sep 2012 Link to this post

    Are there any examples of using KendUI in a single page application similar to how AngularJS works with routes and views? 
    Something simple like menuitem1 displays list menuitem2 displays a grid or whatever but you have access the # any attributes such as ID are also available.

    Thanks.
  2. Daniel
    Daniel avatar
    36 posts
    Member since:
    Apr 2009

    Posted 16 Sep 2012 Link to this post

    Here is an example using Angularjs routing and views.  I am not using any other parts of angular which is vast except to allow for view switching.
  3. Kendo UI is VS 2017 Ready
  4. Daniel
    Daniel avatar
    36 posts
    Member since:
    Apr 2009

    Posted 16 Sep 2012 Link to this post

    Sorry the previous zip file had a typo in it, please try this one
  5. Burke
    Burke avatar
    41 posts
    Member since:
    Jun 2009

    Posted 17 Dec 2012 Link to this post

    @Daniel

    Are you using some sort of loader.js file to execute the JavaScript in the partial views?  In my experiments, the main issue with Angular is that it does not execute JavaScript in partial views.  What it wants instead is a directive defined for each Kendo UI Widget.  Then all the configuration values would have to come in via "ng" tags.

    Has that been your experience as well?

    Burke
  6. Daniel
    Daniel avatar
    36 posts
    Member since:
    Apr 2009

    Posted 05 Jan 2013 Link to this post

    I don't have any problems running javascript in views.  Now I am including references to my source.js files in my main.html
    that way all partial views have access but in each view I could either write javascript in script tags or just include a link to
    a javascript resource in that particular partial view.  I am not using a loader, I think in the example I had an old loader.js that
    I experimented with but it is not used.

    I am working on an app that using Angular and KendoUI, it is a work in progress but you can take a look at the client and
    see how I am doing it.  I am fairly new to javascript so I am sure it can be refactored greatly but for now it works.

    Client Source:
     https://subversion.assembla.com/svn/ageektech.simplyfundraisingdev/
    Live example data source points to my local server so it may or may not be running all the time but you can try at
    http://www.ageektech.com/simplyfundraising
    Double click on a row in the grid to goto the details view
    Use Menu  Contact>Contact Details to add new

    Hope this helps!  Sorry for the long delay somehow I missed the email alert :(
Back to Top
Kendo UI is VS 2017 Ready