kendo-tabstrip - Kendo UI TabStrip 助手

Question

我是 Telerik（剑道）的新手。我想知道如何根据用户的角色或身份验证隐藏或显示选项卡。我猜它是由 Helper 完成的，但我不知道该怎么做。

请帮助我解决这个问题。

提前致谢。

问候，

DS

Answer 1

在没有看到到目前为止的内容的情况下为您提供最佳答案有点困难，但是如果您使用 JavaScript 初始化 TabStrip，您将有一个列表，如果您的 html 中有标签：

<div id="example">
<div id="tabstrip">
    <ul>
        <li id="TabParis" class="k-state-active">
            Paris
        </li>
        <li id="TabNewYork">
            New York
        </li>
        <li id="TabLondon">
            London
        </li>
    </ul>
    <div>
        <div class="weather">
            <h2>17<span>ºC</span></h2>
            <p>Rainy weather in Paris.</p>
        </div>
        <span class="rainy"> </span>
    </div>
    <div>
        <div class="weather">
            <h2>29<span>ºC</span></h2>
            <p>Sunny weather in New York.</p>
        </div>
        <span class="sunny"> </span>
    </div>
    <div>
        <div class="weather">
            <h2>21<span>ºC</span></h2>
            <p>Sunny weather in London.</p>
        </div>
        <span class="sunny"> </span>
    </div>
</div>

给每个选项卡列表项一个 id。

然后只需使用 JQuery 按 Id 显示或隐藏列表项

$('#TabNewYork').hide()

这是 JSFiddle 中的一个工作示例：http: //jsfiddle.net/loangburger/9mLz5wnc/