动态插入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 - 所以我在初始化时添加了内容属性，并将其禁用。