jquery - 使用部分加载KendoUI Tabstrip

有人知道像向KendoUI Window控件那样可以通过向返回Partial的控制器发出Ajax请求来加载Tabstrip吗？

如果不是，我将简单地执行AJAX请求以获取我的PartialViewResult，然后设置使用jQuery来设置div的html。但是最好知道是否可以使用tabstrip API完成此操作。

根据KendoUI文档，我尝试了以下操作，但似乎不起作用。

<div id="tabstrip">
    <ul>
        <li class="k-state-active">Tab 1</li>
        <li>Tab 2</li>
        <li>Tab 3</li>
    </ul>
</div>

<script>
    $(document).ready(function () {
        $("#tabstrip").kendoTabStrip({
            animation: { open: { effects: "fadeIn"} },
            contentUrls: [
                        'myController/myAction/id1',
                        'myController/myAction/id2',
                        'myController/myAction/id3'
                    ]
        });
    });
</script>

任何想法将不胜感激。

地

最佳答案

基本上，我建议的是初始化窗口小部件（不包含此类内容URL），然后像显示的here一样立即调用append方法。

tabStrip.append(
[{
    text: "Item 1",
    url: "http://www.kendoui.com"               // Link URL if navigation is needed, optional.
},
{
    text: "<b>Item 2</b>",
    encoded: false,                             // Allows use of HTML for item text
    content: "text"                             // Content for the content element
},
{
    text: "Item 3",
    contentUrl: "partialContent.html"           // From where to load the item content
},
{
    text: "Item 4",
    imageUrl: "http://www.kendoui.com/test.jpg" // Item image URL, optional.
},
{
    text: "Item 5",
    spriteCssClass: "imageClass3"               // Item image sprite CSS class, optional.
}]
);