无法获取组合设置为视图模型的值

Question

我已经实现了剑道下拉的级联功能。在尝试保存信息时，我无法在我的视图模型中获得组合的值。如果我评论 name 属性，我会得到值，但是我需要 name 属性才能使级联功能起作用。我正在尝试使用 jquery 设置模型值但出现错误的解决方法。谁能告诉我如何解决这个问题。

销售组织组合

<div class="form-group">
            @Html.LabelFor(model => model.Company, htmlAttributes: new { @class = "control-label col-md-4" })
            <div class="col-md-6">
                <div class="editor-field">
                    @(Html.Kendo().ComboBoxFor(model => model.CountryCode)
    .Name("SalesOrganisation")
    .HtmlAttributes(new { style = "width:100%" })
    .DataTextField("CompanyCodeCompany")
    .DataValueField("CountryCode")
    .Filter("contains")
    .MinLength(3)
    .DataSource(dataSource => dataSource
    .Read(read => read.Action("RequestHeader_SalesOrganisation", "Request").Type(HttpVerbs.Post))
    .ServerFiltering(true)
    )

                    )
                </div>
                @Html.ValidationMessageFor(model => model.Company, "", new { @class = "text-danger" })
            </div>
        </div>

销售办公室组合

<div class="form-group">
                    @Html.LabelFor(model => model.SalesOffice, htmlAttributes: new { @class = "control-label col-md-4" })
                    <div class="col-md-6">
                        <div class="editor-field">
                            @(Html.Kendo().ComboBoxFor(model => model.SalesOfficeID)
             //  .Name("SalesOffice")
             .HtmlAttributes(new { style = "width:100%" })
            .DataTextField("SalesOffice")
            .DataValueField("SalesOfficeID")
            .AutoBind(false)
            .Value("")
            .DataSource(dataSource => dataSource
                .Read(read =>
                {
                    read.Action("RequestHeader_SalesOffice", "Request")
                        .Type(HttpVerbs.Post)
                        .Data("GetFilterOption");
                }).ServerFiltering(true)
                ).CascadeFrom("SalesOrganisation").Filter("contains")

                            )
                        </div>
                        @Html.ValidationMessageFor(model => model.SalesOffice, "", new { @class = "text-danger" })
                    </div>
                </div>

用于级联功能的Javascript

 function GetFilterOption() {

        return {
            id: $('#SalesOrganisation').val()
        }

    }

Javascript - 尝试设置不起作用的模型

function GetFilterOption() {
        var countryCode = $('#SalesOrganisation').val();
        var model = $('#SalesOrganisation').data('kendoComboBox');
        model.value = countryCode;
         return id = countryCode;
    }

Answer 1

当你使用 .ComboBoxFor() 时，你不应该使用 .Name()。

当您使用 .ComboBoxFor(m => m.FieldName) 时，kendo 的 Razor 助手实现将 id/name 属性设置为“FieldName”，并且匹配模型的名称字段。

如果您随后使用 .Name("SomeOtherFieldName")，则将 id/name 属性更改为“SomeOtherFieldName”，并且它不再与您的模型的字段名称匹配，这就是为什么您不再获取价值。

您想要做的是不使用 .Name() 并适当地设置 .CascadeFrom()，即

@(Html.Kendo().ComboBoxFor(model => model.CountryCode)
....

@(Html.Kendo().ComboBoxFor(model => model.SalesOfficeID)
    .CascadeFrom("CountryCode")

function GetFilterOption() {
    return {
        id: $('#CountryCode').val()
    }
}