Question

是否有一些内置功能可以根据网址打开标签页（kendoUI TabStrip）？或者我是否必须编写一些自定义函数来读取网址并根据它做一些工作？

Answer 1

检查这是否是您要找的：

HTML：

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

JavaScript的：

$(document).ready(function () {
    $("#tabstrip").kendoTabStrip({
        contentUrls:[
            "page1.html",
            "page2.html",
            "page3.html"
        ]
    });
});

它会创建3个标签kendoTabStrip，每个标签的内容为page1.html，page2.html和page3.html。

Answer 2

我认为你必须解析网址，然后调用标签条上的activateTab()功能打开你想要的标签。

Answer 3

解决方案，如果要将活动选项卡设置为呈现状态（不是在页面加载时使用Js）

如果您使用模板系统（如用于播放框架1.x的groovy），您可以编写如下内容：

<ul>
  <li class="#{if params.get('ref') == 'application'}k-state-active#{/if}">Application</li>
  <li class="#{if params.get('ref') == 'payment'}k-state-active#{/if}">Payment</li>
</ul>
<div>
  content for tab application
</div>
<div>
  content for tab payment
</div>

注意： params.get（'ref'）表示请求的get参数名称为：'ref'

如果您使用网址打开此页面： someting.dev/dashboard?ref=payment

您将获得付款标签为有效

KendoUI Tabstrip打开基于url的选项卡

3 个答案: