動態插入Kendo tabStrip選項卡不加載內容div

Question

我試圖在Kendo中創建一個「添加選項卡」選項卡，該選項卡添加到選擇下拉列表時創建的tabStrip。使用Ajax加載的初始數據顯示正常，但用戶添加的選項卡不顯示。

它應該在tabStrip之前插入一個tab（它的作用），但是當我嘗試初始化它包含的Kendo編輯器時，我得到一個「未定義的」錯誤 - 這是因爲相關的內容元素這應該包含我的編輯器不會與新標籤一起創建。

這是當選擇下拉列表中會發生什麼：

$('#questionEditor').remove();             //Remove and create the question editor tabs 
       $('body').append('<div id="questionEditor"></div>'); 
       $('#questionEditor').kendoTabStrip(); 

       var tabStrip = $('#questionEditor').data('kendoTabStrip'); 

       var count = 0;                //Count the amount of tabs 
       for (var i = 0 ; i < returndata.questions.length; i++) { 
        var editor = '<div id="questionText' + i + '"></div>'; 

        tabStrip.append([{ text: "Question " + (i + 1), content: editor }]); 

        var textEditor = '#questionText' + i; 
        $(textEditor).kendoEditor(); 
        $(textEditor).data('kendoEditor').value(returndata.questions[i].QuestionText); 

        count++; 
       } 

       tabStrip.append([{ text: "Add Question", spriteCssClass: "k-add k-icon" }]); 
       var lastChild = tabStrip.tabGroup[0].lastChild; 
       $(lastChild).click(function() {                  //New tab 
        var editor = '<div id="questionText' + count + '"></div>'; 
        tabStrip.insertBefore([{ text: "Question " + (count + 1), content: editor }], $(lastChild)); 

        var textEditor = '#questionText' + count; 
        $(textEditor).kendoEditor(); 
        count++; 
       }); 

但點擊後的新選項卡不顯示任何內容。有沒有在jQuery ajax對象內工作的某種kendo事物？

Answer 1

這是一種解決方法，但問題是我的「添加新選項卡」選項卡沒有contentHolder - 所以我在初始化時添加了內容屬性，並將其禁用。