How to use the Tab key to change tabs in the tabstrip control?
You can access the key events through client side and can achieve this behavior. For doing this we have to get the keyCode from the keydown event of TabStrip then we have to check if the key is "Tab" then we have to call the CallbackRefresh event, in which the next TabStrip has to be selected.
C#
function test()
{
var keycode=window.event.keyCode;
if(keycode == 9)
{
CallbackPanel1.callback("argument");
}
}
protected void CallbackPanel1_CallbackRefresh(object sender, Syncfusion.Web.UI.WebControls.Tools.CancellableCallbackEventArgs e)
{
if (this.TabStrip1.Items[0].Selected)
{
this.TabStrip1.Items[1].Selected = true;
this.TabStrip1.Items[0].Selected = false;
this.TabStrip1.Items[2].Selected = false;
}
else if (this.TabStrip1.Items[1].Selected)
{
this.TabStrip1.Items[2].Selected = true;
this.TabStrip1.Items[0].Selected = false;
this.TabStrip1.Items[1].Selected = false;
}
else if (this.TabStrip1.Items[2].Selected)
{
this.TabStrip1.Items[0].Selected = true;
this.TabStrip1.Items[1].Selected = false;
this.TabStrip1.Items[2].Selected = false;
}
}
VB
Private Function test() As function
Dim keycode As var=window.event.keyCode
If keycode = 9 Then
CallbackPanel1.callback("argument")
End If
End Function
Protected Sub CallbackPanel1_CallbackRefresh(ByVal sender As Object, ByVal e As Syncfusion.Web.UI.WebControls.Tools.CancellableCallbackEventArgs)
If Me.TabStrip1.Items(0).Selected Then
Me.TabStrip1.Items(1).Selected = True
Me.TabStrip1.Items(0).Selected = False
Me.TabStrip1.Items(2).Selected = False
Else If Me.TabStrip1.Items(1).Selected Then
Me.TabStrip1.Items(2).Selected = True
Me.TabStrip1.Items(0).Selected = False
Me.TabStrip1.Items(1).Selected = False
Else If Me.TabStrip1.Items(2).Selected Then
Me.TabStrip1.Items(0).Selected = True
Me.TabStrip1.Items(1).Selected = False
Me.TabStrip1.Items(2).Selected = False
End If
End Sub
Sample:
http://help.syncfusion.com/support/samples/KB/Tools.Web/5.2.0.25/Tabs/tabstrip.zip