javascript - Kendo UI - 如何使用 javascript 添加和选择新选项卡(在 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>

引用 link