Jun 03, 2013, 3:53 PM
[CLOSED] Scroll a TabStrip using JavaScript
Hi,
I want a (scrollable) TabStrip control to scroll to a specific tab item using JavaScript without activating the tab. Is this possible at all?
I want a (scrollable) TabStrip control to scroll to a specific tab item using JavaScript without activating the tab. Is this possible at all?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
@Html.X().ResourceManager()
@(Html.X().Panel()
.Width(400)
.TopBar(Html.X().Toolbar().Layout(LayoutType.Fit).Items(
Html.X().TabStrip().ID("MyTabStrip").Flex(1).Items(it => {
it.Add(Html.X().Tab().Text("looooooooong text 1"));
it.Add(Html.X().Tab().Text("looooooooong text 2"));
it.Add(Html.X().Tab().Text("looooooooong text 3"));
it.Add(Html.X().Tab().Text("looooooooong text 4"));
it.Add(Html.X().Tab().Text("looooooooong text 5"));
it.Add(Html.X().Tab().Text("looooooooong text 6"));
it.Add(Html.X().Tab().Text("looooooooong text 7"));
})
))
.Items(Html.X().Button().Text("ScrollTo").OnClientClick("Ext.getCmp('MyTabStrip').scrollBy(56)"))
)
</body>
</html>
Last edited by Daniil; Jun 04, 2013 at 11:06 AM.
Reason: [CLOSED]