I'm trying to open a panel of the panel bar when a user clicks on an list item in another panel bar
Here's my onclick function. When a user clicks on a search result within the #sideBarSearch panel it should close that panel and open the sideBarMapDetails.
Then select a tab within a nested tabstrip.
The problem is that it opens the other panel but the tabstrip doesn't show up. If I open and close the MapDetails panel manually(by clicking on it instead of programmatically) then everything works. Why am I getting different behavior when I expand/collapse programmatically vs manually?
Here's my onclick function. When a user clicks on a search result within the #sideBarSearch panel it should close that panel and open the sideBarMapDetails.
Then select a tab within a nested tabstrip.
1.
function
onClick(arg) {
2.
var
panelBar = $(
"#panelbar"
).kendoPanelBar().data(
"kendoPanelBar"
);
3.
panelBar.collapse($(
"#sideBarSearch"
),
false
)
4.
panelBar.expand($(
"#sideBarMapDetails"
),
false
)
5.
6.
$(
'#tabstrip'
).kendoTabStrip().data(
"kendoTabStrip"
).activateTab($(
'#parcelTab'
))
7.
};
The problem is that it opens the other panel but the tabstrip doesn't show up. If I open and close the MapDetails panel manually(by clicking on it instead of programmatically) then everything works. Why am I getting different behavior when I expand/collapse programmatically vs manually?