Hi,
I am using a splitview with 2 panes, and throughout my mobile app would like to access the name of the view in the pane with ID "right-pane".
A simplified structure of my splitview can be seen below:
As you can see, the right-pane has a data-navigate property set to onNavigate, which is hooked up correctly. The contents of that function is as follows:
When navigating around I get 2 alert boxes saying: "null" and "[object Object]".
I've probably been staring at the code too long and need a fresh pair of eyes to point out a silly mistake!
Thanks in advance.
I am using a splitview with 2 panes, and throughout my mobile app would like to access the name of the view in the pane with ID "right-pane".
A simplified structure of my splitview can be seen below:
<
div
data-role
=
"splitview"
>
<
div
data-role
=
"pane"
id
=
"left-pane"
data-layout
=
"side-default"
data-transition
=
"slide"
>
<
div
data-role
=
"layout"
data-id
=
"side-default"
data-show
=
"toggleBackButton"
>
<!-- my layout stuff's in here -->
</
div
>
<
div
data-role
=
"view"
id
=
"lp_index"
data-title
=
"Smith & Co"
>
<!-- view stuff in here -->
</
div
>
</
div
>
<
div
data-role
=
"pane"
id
=
"right-pane"
data-layout
=
"main-default"
data-navigate
=
"onNavigate"
>
<
div
data-role
=
"layout"
data-id
=
"main-default"
>
<!-- layout stuff -->
</
div
>
<
div
data-role
=
"view"
>
<!-- view stuff here -->
</
div
>
</
div
>
</
div
>
<
script
>
var app = new kendo.mobile.Application(document.body);
function onNavigate(e) {
alert($("#right-pane").data("kendoMobilePane").view());
}
</
script
>
I've probably been staring at the code too long and need a fresh pair of eyes to point out a silly mistake!
Thanks in advance.