I have a tabstrip control with 5 tabs and one multiview.
When I execute the client side js to enable and select a specific tab, the view gets selected fine, but the tab header doesn't get selected. During debugging, I have verified that the text coming back is "Sec Ins". I have also verified by the attachment, that before the "tab.enable()" was hit the "enabled" property was "false". After passing that code to enable the tab, you can see it says it's "enabled". Another attachment is how the screen looks after the js funtion is completed as I have explained above. I have also tried the findTabByValue method getting the same results.
How can I enable & select the tab header to correspond to the selected view?
Here is my html: Notice the bolding...
<code>
<telerik:RadTabStrip ID="tsPatientDemographics" runat="server" AutoPostBack="false"
ScrollButtonsPosition="Right" MultiPageID="RadMultiPage1" BackColor="Gray" CausesValidation="False"
Align="Left" Width="100%">
<Tabs>
<telerik:RadTab Text="P<u>a</u>tient" AccessKey="A" Width="60px">
</telerik:RadTab>
<telerik:RadTab Text="G<u>u</u>arantor" AccessKey="U" Width="80px">
</telerik:RadTab>
<telerik:RadTab Text="<u>P</u>ri Ins" AccessKey="P" Width="60px">
</telerik:RadTab>
<telerik:RadTab Text="<u>S</u>ec Ins" AccessKey="S" Value="Sec Ins" Width="60px"
Enabled="false">
</telerik:RadTab>
<telerik:RadTab Text="<u>T</u>er Ins" AccessKey="T" Value="Ter Ins" Width="70px"
Enabled="false">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" ScrollBars="None">
<telerik:RadPageView ID="RadPatientInfoView" runat="server" Width="100%" BackColor="LightGray">
<table width="100%" bgcolor="#F6F6F6" cellpadding="0" cellspacing="0">
</code>
Here is my js:
<code>
function selectSecTab() {
var tabStrip = $find("<%= tsPatientDemographics.ClientID %>");
var tab = tabStrip.findTabByText("Sec Ins");
tab.enable();
tab.select();
}
</code>
When I execute the client side js to enable and select a specific tab, the view gets selected fine, but the tab header doesn't get selected. During debugging, I have verified that the text coming back is "Sec Ins". I have also verified by the attachment, that before the "tab.enable()" was hit the "enabled" property was "false". After passing that code to enable the tab, you can see it says it's "enabled". Another attachment is how the screen looks after the js funtion is completed as I have explained above. I have also tried the findTabByValue method getting the same results.
How can I enable & select the tab header to correspond to the selected view?
Here is my html: Notice the bolding...
<code>
<telerik:RadTabStrip ID="tsPatientDemographics" runat="server" AutoPostBack="false"
ScrollButtonsPosition="Right" MultiPageID="RadMultiPage1" BackColor="Gray" CausesValidation="False"
Align="Left" Width="100%">
<Tabs>
<telerik:RadTab Text="P<u>a</u>tient" AccessKey="A" Width="60px">
</telerik:RadTab>
<telerik:RadTab Text="G<u>u</u>arantor" AccessKey="U" Width="80px">
</telerik:RadTab>
<telerik:RadTab Text="<u>P</u>ri Ins" AccessKey="P" Width="60px">
</telerik:RadTab>
<telerik:RadTab Text="<u>S</u>ec Ins" AccessKey="S" Value="Sec Ins" Width="60px"
Enabled="false">
</telerik:RadTab>
<telerik:RadTab Text="<u>T</u>er Ins" AccessKey="T" Value="Ter Ins" Width="70px"
Enabled="false">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" ScrollBars="None">
<telerik:RadPageView ID="RadPatientInfoView" runat="server" Width="100%" BackColor="LightGray">
<table width="100%" bgcolor="#F6F6F6" cellpadding="0" cellspacing="0">
</code>
Here is my js:
<code>
function selectSecTab() {
var tabStrip = $find("<%= tsPatientDemographics.ClientID %>");
var tab = tabStrip.findTabByText("Sec Ins");
tab.enable();
tab.select();
}
</code>