Kendo UI TabStrip Helper

时间:2014-11-19 11:46:33

标签: kendo-tabstrip

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

请帮我解决这个问题。

提前致谢。

此致

DS

1 个答案:

答案 0 :(得分:0)

在没有看到你目前所拥有的内容的情况下为你提供最佳答案有点困难,但是如果你使用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

简单地显示或隐藏列表项
$('#TabNewYork').hide()

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