剑道下拉列表级联从答案

【问题标题】：kendo dropdown list casecadefrom剑道下拉列表级联从
【发布时间】：2014-09-18 15:34:03
【问题描述】：

我有如下三个剑道下拉列表

@(Html.Kendo().DropDownListFor(m => m.ProgrammeID)
.HtmlAttributes(new { data_value_primitive = "true" })
.Name("ProgrammeID") 
.DataTextField("DegreeName") 
.DataValueField("Id") 
.OptionLabel("Select Below...")
        .DataSource(source =>
        {
            source.Read(read =>
            {
                read.Action("GetProgramme", "AptitudeTset").Data("filterProgramme");
            })

            .ServerFiltering(true); 
        })
.SelectedIndex(0)
.CascadeFrom("FacultyID")
)

@(Html.Kendo().DropDownListFor(m => m.SpecializationID)
    .HtmlAttributes(new { data_value_primitive = "true" })
.Name("SpecializationID") 
.DataTextField("SpecializationNameID") 
.DataValueField("SpecializationID") 
.OptionLabel("Select Below...")
        .DataSource(source =>
        {
            source.Read(read =>
            {
                read.Action("GetSpecialization", "Subject").Data("filterSpecialization"); 
            })

            .ServerFiltering(true);
        })
.SelectedIndex(0) 
.CascadeFrom("ProgrammeID")
)

 @(Html.Kendo().DropDownListFor(m => m.SemesterID)

.HtmlAttributes(new { data_value_primitive = "true" })
.OptionLabel("Select Below...")
.Name("SemesterID") 
.DataTextField("SemesterName") 
.DataValueField("SemesterID")
        .DataSource(source =>
        {
            source.Read(read =>
            {
                read.Action("GetSemester", "StudentRSRegistration").Data("loadSemester");
            })  

            .ServerFiltering(true); 
        })
.SelectedIndex(0) 
.CascadeFrom("SpecializationID")    
.CascadeFrom("ProgrammeID"`enter code here`)        
)

在这里，我的第三个 DDL 负载基于第一个和第二个 DDL。但有时第二个 DDL 可能没有值。它可以是空的。第一个 DDL 总是有值。我的问题是，当第二个 DDL 为空值时，我的第三个 DDL 没有加载。但我想总是加载我的第三个 DDL。因为 SemesterID 是必需的。 SemesterID 取决于 programID 或/和 SpecializationID。这就是为什么有时 2nd DDl 可能有空值的原因。

【问题讨论】：

我认为小部件不知道如何处理 1 个 DropDown 上的多个 CascadeFrom。您将不得不手动处理 CascadeFrom 逻辑

标签： asp.net-mvc kendo-ui kendo-asp.net-mvc cascade kendo-dropdown

【解决方案1】：

我使用 Ajax 调用解决了这个问题。我使用了 2nd DDL Cascade Event Handel，如下所示 .Events(m=>m.Cascade("cascadesp"))

现在是我的第二个 DDL

@(Html.Kendo().DropDownListFor(m => m.SpecializationID)

    .HtmlAttributes(new { data_value_primitive = "true" })
    .Name("SpecializationID") 
    .DataTextField("SpecializationNameID") 
    .DataValueField("SpecializationID")
    .OptionLabel("Select Below...")
            .DataSource(source =>
            {

                source.Read(read =>
                {
                    read.Action("GetSpecialization", "Subject").Data("filterSpecialization"); 
                })

                .ServerFiltering(true); 
            })
    .Events(m=>m.Cascade("cascadesp"))
    .SelectedIndex(0)
    .CascadeFrom("ProgrammeID")
)

我的ajax调用是

function cascadesp()
{
    getSemesterID($("#ProgrammeID").data("kendoDropDownList").value(),$("#SpecializationID").data("kendoDropDownList").value(),$("#SpecializationLevelID").data("kendoDropDownList").value(),$("#IntakeID").data("kendoDropDownList").value(),$("#intakeYear").val());
}

function getSemesterID(ProgrammeID, SpecializationID, SpecializationLevelID, IntakeID, intakeYear)
{
    var ddl = $('#SemesterID').data("kendoDropDownList");
    var URL = "/StudentRSRegistration/GetSemester/";
    $.ajax({
        url: URL,
        data: JSON.stringify({ ProgrammeID: ProgrammeID, SpecializationID: SpecializationID, SpecializationLevelID: SpecializationLevelID, IntakeID: IntakeID, intakeYear: intakeYear }),
        async: false,
        cache: false,
        type: "POST",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data) {
            ddl.setDataSource(data);
        }
    });
}

现在我的 SemeterID DDL 正在正常加载

【讨论】：