2013-01-22 212 views
1

我想操縱ajaxcontroltoolkit選項卡容器在clientside javascript中。我發現下面的示例代碼:ajaxcontroltoolkit javascript錯誤:Microsoft JScript運行時錯誤:'AjaxControlToolkit'未定義

<script type="text/javascript"> 
    var i = 3; 
    function createnew() { 


     CreateNewTabPanel('TabContainer1', 'TabPanel' + i, 'TabPanel' + i, 'TabPanel' + i); 
     i++; 




    } 


    function CreateNewTabPanel(tabContainerID, tabPanelID, headerText, bodyText) { 
     //create header 
     var header = document.createElement('span'); 
     header.id = "__tab_" + tabContainerID + tabPanelID; 
     header.innerHTML = headerText; 
     $get(tabContainerID + "_header").appendChild(header); 


     //create content 
     var body = document.createElement('div'); 
     body.id = tabContainerID + "_" + tabPanelID; 
     body.style.display = "none"; 
     body.style.visibility = "hidden"; 
     body.innerHTML = bodyText; 
     body.cssClass = "ajax__tab_panel"; 
     $get(tabContainerID + "_body").appendChild(body); 




     $create(AjaxControlToolkit.TabPanel, { "headerTab": $get(header.id) }, null, { "owner": tabContainerID }, $get(body.id)); 




    } 




</script> 
<body> 
    <form id="form1" runat="server"> 
    <ajaxToolkit:ToolkitScriptManager runat="Server" EnablePartialRendering="true" ID="ScriptManager1" /> 
<span id="mes"></span><br /> 
<span id="mes1"></span> 
    <ajaxToolkit:TabContainer runat="server" ID="TabContainer1" > 
      <ajaxToolkit:TabPanel runat="server" ID="TabPanel1" HeaderText="TabPanel1"> 
       <HeaderTemplate> 
        TabPanel1 
       </HeaderTemplate> 
      <ContentTemplate> 
       TabPanel1 
      </ContentTemplate> 
     </ajaxToolkit:TabPanel> 
        <ajaxToolkit:TabPanel runat="server" ID="TabPanel2" HeaderText="TabPanel2"> 
      <ContentTemplate> 
       TabPanel2 
      </ContentTemplate> 
     </ajaxToolkit:TabPanel> 
    </ajaxToolkit:TabContainer> 


    <input type="button" onclick="createnew()" value="create a new pane" /> 


    </form> 
</body> 

當我在網絡表單,收到以下錯誤使用此

微軟JScript運行時錯誤:「AjaxControlToolkit」是未定義

錯誤發生在這條線:

$create(AjaxControlToolkit.TabPanel, { "headerTab": $get(header.id) }, null, { "owner": tabContainerID }, $get(body.id)); 

我有控制工具包安裝,但我不知道我需要做什麼才能訪問js運行時庫。 我是否需要下載源代碼並參考js文件,還是需要其他先決條件?任何幫助是極大的讚賞

感謝

保羅

+0

你很可能需要添加一些腳本包括您的頁面。 – jbabey

+0

你的bin文件夾中是否有AjaxControlToolkit.dll? – Alexan

回答

1

這到底是因爲微軟改變了類名來Sys.Extended.UI.TabPanel。感謝帖子雖然

$create(Sys.Extended.UI.TabPanel, { "headerTab": _spanTab, "ownerID": tabContainerID, "wasLoadedOnce": false }, null, { "owner": tabContainerID }, body); //$get(body.id)); 
相關問題