Kendo UI - 如何使用javascript添加和选择一个新的Tab(在TabStrip控件上)

Question

我创建了一个在我的Kendo UI TabStrip控件中打开一个新选项卡的函数:

function AddTab(targetUrl, title) {
        $("#tabstrip").data("kendoTabStrip").append({ text: title, contentUrl: targetUrl });
    }

这会将标签添加到最后,但不会选中它.如何选择它成为活动标签!？我在创建选项卡时是否需要设置ID,然后调用select(..)函数,还是可以在一行中执行？

我需要自动生成一系列链接,每个链接都会采用不同的标题和targetUrl.

Answer 1

试试这个

<div id="tabstrip">
  <ul>
    <li class="k-state-active">First Tab</li>
    <li>Second Tab</li>
  </ul>
  <div>
    First text
  </div>
  <div>
    Second text
  </div>
</div>
<input type="button" value="Add Tab" onclick="AddTab('google', 'http://google.com')" />


<script>
function AddTab(targetUrl, title) {
  var tabStrip = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");
  tabStrip.append({ text: title, contentUrl: targetUrl, content: "Your content" });
  tabStrip.select((tabStrip.tabGroup.children("li").length - 1));
}
</script>

参考链接