This is a migrated thread and some comments may be shown as answers.

Single Page Application Example

4 Answers 398 Views
Templates
This is a migrated thread and some comments may be shown as answers.
Daniel
Top achievements
Rank 2
Daniel asked on 14 Sep 2012, 08:22 PM
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.

4 Answers, 1 is accepted

Sort by
0
Daniel
Top achievements
Rank 2
answered on 16 Sep 2012, 06:41 PM
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.
0
Daniel
Top achievements
Rank 2
answered on 16 Sep 2012, 07:16 PM
Sorry the previous zip file had a typo in it, please try this one
0
Burke
Top achievements
Rank 1
answered on 17 Dec 2012, 03:52 PM
@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
0
Daniel
Top achievements
Rank 2
answered on 06 Jan 2013, 04:52 AM
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 :(
Tags
Templates
Asked by
Daniel
Top achievements
Rank 2
Answers by
Daniel
Top achievements
Rank 2
Burke
Top achievements
Rank 1
Share this question
or