Kendo Tabstrip:只要选择了标签页,就调用标签页内容的javascript函数

恶作剧

我有一个剑道标签,其中包含多个标签内容,每个内容都包含Javascript函数 $(document).ready()...

但是,它仅在第一次选择选项卡(加载的内容)时才执行,而当我选择另一个选项卡并返回到该选项卡时(因为已经加载了内容),$(document).ready()不会执行该调用。

$(document).ready()每次选择选项卡时,有什么方法可以使每次执行?(由于性能方面的考虑,每次都不能重新显示选项卡内容...)

任何建议表示赞赏!

里恩·威廉姆斯

您可以为每个单独的选项卡定义一个函数,并使用一些可用事件连接一个客户端事件以在TabStrip选择更改时进行拾取

@Html.Kendo().TabStrip()
            .Name("YourTabStrip")
            .Events(events => events.Select("tabChanged"))

<script>
    function tabChanged(e){
        // Get your selected tab using (e.item);
        var index = $("#YourTabStrip").data("kendoTabStrip").select().index();

        // Based on the tab, trigger a function
        switch(index){
            default:
            case 0:
                LoadContentA();
            case 1:
                LoadContentB();
        }
    }
</script>

您可以重构$(document).ready()各个选项卡中的每个调用,以仅调用switch语句中指定的功能之一

<script>
    $(document).ready(function(){
        LoadContentA();
    });

    function LoadContentA(){
        // Do work here
    }
</script>

我敢肯定,如果您通读了可用的Javascript API文档ASP.NET MVC API文档,它可能有助于提供一些其他信息,以更好地解决此问题。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何隐藏*** MVC / Kendo tabstrip标签?

来自分类Dev

标签溢出时可滚动的Kendo Tabstrip

来自分类Dev

Kendo TabStrip中的Kendo MVC网格

来自分类Dev

在Kendo Scheduler模板中设置Kendo Tabstrip

来自分类Dev

动态标签的Angular Kendo UI Tabstrip活动状态

来自分类Dev

Kendo UI窗口(内容)

来自分类Dev

Kendo UI Tabstrip不绑定

来自分类Dev

Kendo TabStrip中的Bootstrap网格

来自分类Dev

刷新tabStrip的剔除-Kendo视图

来自分类Dev

Kendo UI Tabstrip Onclick 事件

来自分类Dev

Kendo TabStrip中的Kendo Grid高度不受限制

来自分类Dev

是否可以通过拖放来重新排列Kendo Tabstrip标签?

来自分类Dev

是否可以更改Kendo Grid Editor的标签?

来自分类Dev

使用Kendo Grid设置图像标签

来自分类Dev

Kendo Grid更新了选项标签元素的更改

来自分类Dev

使用HTTP POST通过Kendo Tabstrip加载内容

来自分类Dev

用 Kendo MVC 项目替换 Kendo Dialog 的内容?

来自分类Dev

选择Kendo UI ListView项

来自分类Dev

异常调用Kendo DataSource读取

来自分类Dev

如何选择Kendo Dropdown来填充Kendo网格

来自分类Dev

Kendo UI-如何在JavaScript中修改Kendo模板

来自分类Dev

Kendo UI-如何在JavaScript中修改Kendo模板

来自分类Dev

Kendo网格中的JavaScript日期

来自分类Dev

Kendo UI模板中的Javascript

来自分类Dev

从Kendo Grid列上的链接调用函数

来自分类Dev

从Kendo Grid列上的链接调用函数

来自分类Dev

与Kendo Observable Binding一起使用时,是否可以更改Kendo Switch标签?[Kendo-UI]

来自分类Dev

MVC kendo窗口-从javascript函数获取数据

来自分类Dev

使用javascript函数打开标签页