Kendo Tabstrip选择方法集

时间:2015-06-14 17:40:55

标签: javascript asp.net-mvc kendo-ui kendo-asp.net-mvc kendo-tabstrip

我在我的项目中使用了Kendo TabStrip,并使用MVC视图作为面板的内容,方法是为选项卡设置contentURL。

通过尝试从我的MVC视图中设置select函数,虽然我遇到了问题,但这一切都很有效。

在我的观点中,我尝试过:

$('#edit').kendoTabStrip().select = function(e){alert('tab has been changed');}

然而,还有其他一些方法,当我尝试从我的视图中设置这个select方法时,它不允许我这样做。

1 个答案:

答案 0 :(得分:0)

我认为你需要的是在tabtrip配置中定义select事件,如herehere所述。

示例:

定义选择事件功能

var onSelect = function(e) {
    alert('tab has been changed');
};

<强>的Javascript

var tabStrip = $("#edit").kendoTabStrip({
    select: onSelect,
    // etc
}).data("kendoTabStrip");

Kendo MVC

@(Html.Kendo().TabStrip()
    .Name("edit")
    .Events(events => events.Select("onSelect"))
    //etc
)