剑道MVC下拉列表未显示选定值

Question

我在五月有一个剑道MVC下拉列表。我正在成功地将所选值从中保存到数据库中。当我来编辑数据时，该值从模型中正确返回并在下拉树中设置，但是，在下拉树中没有任何项目被视觉上选中。

当我尝试从单击按钮读取下拉树的值时，它正确地返回该值。

@(Html.Kendo().DropDownTree()
                .Name("VocationID")
                .DataTextField("Name")
                .DataValueField("Id")
                .ValuePrimitive(true)
                .Placeholder("--Select Vocation--")                            
                .Value(Model.VocationID.ToString())
                .DataSource(dataSource => dataSource
                    .Read(read => read
                    .Action("GetVocationTree", "ApplicationForm"))
                )
                .HtmlAttributes(new { style = "width: 250px;", required = "required", validationMessage = "Vocation is required" })
             )

function TestValue() {
        var dropdowntree = $("#VocationID").data("kendoDropDownTree");
        alert(dropdowntree.value());
}

上面的javascript警报正确返回该值，但在DropdownTree中没有显示选定的项目。我还尝试删除ValuePrimitive属性，但没有任何效果。

有人能帮我找出这里缺少什么吗？

Answer 1

终于找到了处理这件事的方法。如果有一天它帮助了某人，就张贴它。

此控件的行为略有不同。您可以将选定的项目读取为ID，但需要设置其文本而不是ID来设置选定的项目。

获取项目值：

            var dropdowntree = $("#VocationID").data("kendoDropDownTree");
            var VocationID = dropdowntree.value().id;

并设置默认值：

            @(Html.Kendo().DropDownTree()
                            .Name("VocationID")
                            .DataTextField("Name")
                            .DataValueField("Id")
                            .Placeholder("--Select Vocation--")
                            .Value(Model.VocationName)

请注意“职业名称”而不是ID。