0

我正在尝试在 Kendo 中创建一个“添加选项卡”选项卡，该选项卡添加到选择下拉列表时创建的 tabStrip。使用 Ajax 加载的初始数据显示良好，但用户添加的选项卡却没有。

它应该在 tabStrip 之前插入一个选项卡（它确实如此），但是当我尝试初始化它包含的 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 对象中是否有某种不工作的剑道东西？

4

1 回答 1

0

这是一种 hacky 解决方案，但问题是我的“添加新选项卡”选项卡没有 contentHolder - 所以我在初始化时向它添加了一个内容属性并禁用它。

于 2013-10-22T13:45:14.727 回答