Navigating to different page

[Jesse]

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.

[Kiril Nikolov]

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

 

 

[Jesse]

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.

[Kiril Nikolov]

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

 

 

[Jesse]

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.

[Kiril Nikolov]

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

 

 

[Jesse]

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.

[Kiril Nikolov]

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

 

 

[Jesse]

Thanks a lot Kiril.

[Kiril Nikolov]

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