I am trying to change tabs using Javascript but I get the following error:
Unable to get property 'set_activeTab' of undefined or null reference
I am using IE 11 running this in VS 2010 using AJAXControlToolKit 4.1.7 .
In the Javascript line of code, this line is coming back null in the variable:
$find(tabControl);
My Code is below:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="Test" %><%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head id="Head1" runat="server"><title>Tab Control </title><script>
function SetActiveTab(tabControl, tabNumber) {
var ctrl = $find(tabControl);
ctrl.set_activeTab(ctrl.get_tabs()[tabNumber]);
}</script></head><body><form id="form1" runat="server"><cc1:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></cc1:ToolkitScriptManager><input type="Button" id="tabChange" value="Set Tab" onclick="SetActiveTab('<%=Tabs.ClientID%>', 1)" /><br /><cc1:TabContainer ID="Tabs" runat="server"><cc1:TabPanel runat="server" ID="tab1" HeaderText="Tab 1"><ContentTemplate>
Test Tab 1</ContentTemplate></cc1:TabPanel><cc1:TabPanel runat="server" ID="tab2" HeaderText="Tab 2"><ContentTemplate>
Test Panel 2</ContentTemplate></cc1:TabPanel><cc1:TabPanel runat="server" ID="tab3" HeaderText="Tab 3"><ContentTemplate>
Test Panel 3</ContentTemplate></cc1:TabPanel></cc1:TabContainer></form></body></html>