KendoUI Tabstrip打开一个基于url的标签

是否有一些内置的功能来打开基于url的标签页（kendoUI TabStrip）？或者我必须编写一些自定义函数来读取url并根据它做一些工作？KendoUI Tabstrip打开一个基于url的标签

来源

2012-11-26 Travis J

我认为你将不得不解析URL，然后调用标签条上的activateTab()函数打开你想要的标签。

来源

2012-11-27 03:52:21 CodingWithSpike

当我回去工作时，我会试试这个，并且让它知道它是否有效。 –

您可以获取选项卡的ID并将其设置为激活或编写一个可以更改显示的功能（如果要隐藏/显示）。谢谢您的帮助。 –

检查，如果这是你在找什么：

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。

来源

2012-11-27 00:10:20 OnaBai

其实什么即时希望做的是开放的标签动态地根据网址。例如，如果我发送了一封电子邮件，并且该链接显示page2，那么在url中，它就像www.example.com？page2。处理完成后，它会自动打开与page2相对应的选项卡。 –

嗨@OnaBai，对于这个解决方案，如何绑定角度控制器？我试图在每个html文件中绑定控制器，但没有运气，绑定不起作用。 – Allen4Tech

如果你想如果你使用一个templete系统（如常规的打法框架1.x中）设置在渲染状态的活动标签（未将JS在页面加载）

解决方案，你可以写的东西像这样：

<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（“参考”）是指请求的获得PARAM名称为：“裁判”

如果你打开这个页面的网址：成才.dev /仪表板？REF =支付

你会得到付款选项卡为活动

来源

2013-02-13 13:53:15

KendoUI Tabstrip打开一个基于url的标签

回答

相关问题