【发布时间】：2016-04-26 18:42:26
【问题描述】：
我正在使用 Kendo UI MVC，并且我在 acshtml 页面上有一个 kendoTabStrip。默认情况下，我选择页面加载时的第一个选项卡。所有其他选项卡都使用 AJAX 动态加载。 问题：我试图找到选定的选项卡，以便找到它的子项？ 找到活动选项卡的一种方法是调用不带参数的 select() 方法，或者另一种方法是检查类名“k-state-active”，但是这两种方法都不起作用
<section class="tpt-tabstrip">
@(Html.Kendo().TabStrip()
.Name("MyTabStrip")
.Animation(false)
.Items(items =>
{
foreach (var revision in Model.MyCollection)
{
items.Add()
.Text(revision.Name)
.LoadContentFrom("MyActionMethod", "MyController", Model.ID);
}
})
)
</section>
<script src="~/Scripts/MyScript.js"></script>
请注意，上面在cshtml中，脚本标签位于页面末尾。
下面是脚本代码
$(function(){
var tabStrip = $("#MyTabStrip").getKendoTabStrip();
if (tabStrip != null && tabStrip.tabGroup.length > 0) {
tabStrip.select(0); // this line is getting executed for sure
}
// the line below returns -1 here why?????
var index = tabStrip.select().index();
// another way to find active tab is by checkikng class name 'k-state-active' however it didnt work either.
// jQuery couldnt find any element with class 'k-state-active'
$('.k-state-active')
})
更新1
tabstrip 的激活事件对我不起作用，因为每次我选择选项卡时都会触发它。我需要一个只触发一次的事件。最终我想在选定的选项卡上找到 NumericTextBox 控件并将“更改”事件处理程序附加到这些控件。如下所示
$(function(){
var tabStrip = $('#MyTabStrip').data("kendoTabStrip");
tabStrip.bind('activate', function (e) {
$('[data-role="numerictextbox"]').each(function(){
$(this).getKendoNumericTextBox().bind("change",function(e){
alert('changed');
})
})
});
})
每次我选择选项卡时，更改事件处理程序都会附加到 NumericTextBox
【问题讨论】：
-
tabStrip.select()返回什么？
标签： kendo-ui kendo-asp.net-mvc kendo-tabstrip