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

Navigating to different page

9 Answers 195 Views
Application
This is a migrated thread and some comments may be shown as answers.
Jesse
Top achievements
Rank 1
Jesse asked on 30 Jul 2014, 08:42 PM
Hello,

I am using app.navigate("homepanel.html") onClick event of a button from a login page..
On navigation to the homepanel.html, its contents are not displayed. Only the header and footer is displayed.
If I go directly to the page, everything works well and I see all the contents on the page. 
Please help to resolve this issue. I have attached the code for homepanel.html

Thanks for your time and help.


9 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 31 Jul 2014, 11:11 AM
Hi Jesse,

The project that you shared uses localhost service which is not runnable in our case. However I would suggest you to to check the following article that might be helpful in your case.

1. Using MVVM in mobile application prohibits the usage of kendo.bind. It should be done by setting the model property of the view, here is an example:

http://docs.telerik.com/kendo-ui/getting-started/mobile/mvvm

2. The template should be rendered on the screen, in your case you just create the template, but never show it on the page, here is an example and more information about the templates:

http://docs.telerik.com/kendo-ui/getting-started/framework/templates/overview

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Jesse
Top achievements
Rank 1
answered on 31 Jul 2014, 03:50 PM
Hi Kiril,
Didn't get your answer.
About your point # 1, how/why is the page working when I launch it directly and not when I navigate to it using app.navigate? 
For point # 2, I am using external template, and initializing it in the requestEnd function of the datasource as seen in the attached code.

Please help to clarify your answer and what I am missing to make this work as wasted lots of time on this issue.

Thanks.
0
Kiril Nikolov
Telerik team
answered on 01 Aug 2014, 11:03 AM
Hello Jesse,

As I am not able to reproduce the exact problem that you are facing, here is an example of navigation between two views using app.navigate(), so please check it out and let me know if I am missing something:

http://jsbin.com/dotep/1/edit

As for the template you initialize the template, but never display its content on the page, please refer to the documentation article that I linked, where the correct workflow is explained.

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Jesse
Top achievements
Rank 1
answered on 01 Aug 2014, 03:49 PM
Hi Kiril,
Ok, even if I forget about template, datasource and anything else, can you please explain a simple panelbar not being displayed when I navigate to attached homepanel.html using app.navigate("homepanel.html")? If I go directly to the page, it works as expected.

Thanks for your help.
0
Kiril Nikolov
Telerik team
answered on 04 Aug 2014, 11:51 AM
Hi Jesse,

Please check the following example, where it seems to be working. Please edit the example in order to show the exact issue that you are facing:

http://jsbin.com/kuhic/1/edit

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Jesse
Top achievements
Rank 1
answered on 05 Aug 2014, 02:53 PM
Hi Kiril,
Thanks for your continued help.
Please refer to the two attached files for the issue that I am exactly facing.
The panelbar doesn't get initialized as expected when navigating between the two pages as shown in the attached files.
I have used the same code as provided by yourself for the second page.
Thanks for your help.
0
Accepted
Kiril Nikolov
Telerik team
answered on 06 Aug 2014, 10:31 AM
Hello Jesse,

The problem comes from the fact that you are initializing the app more than once. When you load remote views you do not need to load the scripts again or init an application. Please see the edited example.

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Jesse
Top achievements
Rank 1
answered on 07 Aug 2014, 07:42 PM
Thanks a lot Kiril.
0
Kiril Nikolov
Telerik team
answered on 11 Aug 2014, 08:36 AM
Hi, Jesse

I am happy to hear that the proposed solution worked. 

In case you have any further questions, please do not hesitate to contact us.

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Application
Asked by
Jesse
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Jesse
Top achievements
Rank 1
Share this question
or