kendo tabstrip重新加載下拉列表中的onchange功能

Question

我在我的項目中有一個視圖，其中有一個劍道下拉列表

@(Html.Kendo().DropDownListFor(m => m.database_pk)
        .BindTo(Model.databases)
        .Name("database_pk").OptionLabel("Select one...")
        .DataValueField("Value")
        .DataTextField("Text")
        .HtmlAttributes(new { @id = "database_pk", onchange = "changeDatabase()" })
    )

和劍道標簽

@(Html.Kendo().TabStrip()
                .Name("menu")
                .Items(items =>
                    {
                        items.Add().Text("Database Info").LoadContentFrom("DatabaseInfo", "Home", new { database_pk = Model.database_pk }).Selected(true); 
                        items.Add().Text("Tables").LoadContentFrom("TableInfo", "Table", new { database_pk = Model.database_pk }).Selected(true);
                        items.Add().Text("Entities").LoadContentFrom("EntityInfo", "Entity", new { database_pk = Model.database_pk }).Selected(true);
                    })
                .Events(events =>
                    {
                        events.Select("selectMenuTabs");
                    })
    )

要做的是，如果在下拉列表中觸發了onchange事件，則我需要我的標簽欄才能“重新加載”所選標簽

onchange的功能是

function changeDatabase() {
    var selected_pk = $('#database_pk').val();
    reloadTabstrip();
}

而重載功能是

function reloadTabstrip() {
    var tabStrip = $("#menu").data("kendoTabStrip");
    tabStrip.reload($(".item", tabStrip.element)[0]);
}

reloadTabstrip函數無法正常工作，我很難在網絡上找到任何東西以向正確的方向指點我。

Answer 1

使用以下jQuery腳本解決了這個問題

function reloadTabstripItem() {
    var selected_pk = $('#database_pk').val();
    var index = $("#menu").data("kendoTabStrip").select().index();
    switch (index) {
        case 0:
            actionurl = "/Home/DatabaseInfo";
            break;
        case 1:
            actionurl = "/Table/TableInfo";
            break;
        case 2:
            actionurl = "/Entity/EntityInfo";
            break;
    }
    $.ajax({
        url: "/Home/DatabaseInfo",
        type: 'GET',
        data: { database_pk: selected_pk }
    }).done(function (html) {
        $($("#menu").data("kendoTabStrip").contentElement(0)).html(html);
    });
}